<div id="test1"><input /></div>
<button id="test2" />
button, div {
border-bottom: 1px solid #CCC;
margin: 1em;
min-width: 100px;
min-height: 20px;
}
div { padding-bottom: 1em;}
const handler1 = () => alert("handler 1");
const handler2 = () => alert("handler 2");
['test1', 'test2'].forEach(id => {
document.getElementById(id).addEventListener("click", handler1, false);
document.getElementById(id).addEventListener("click", handler2, true);
});
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.