<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);
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.