1) 한 개의 이벤트 + 다중 EventListener
<input type="button" id="target" value="button" />var t = document.getElementById('target'); t.addEventListener('click', function(event){alert(1);} ); t.addEventListener('click', function(event){alert(2);} );
2) 다중 이벤트 + 한 개의 EventListener
<input type="button" id="btn1" value="button1" /> <input type="button" id="btn2" value="button2" />var t1 = document.getElementById('btn1'); var t2 = document.getElementById('btn2'); t1.addEventListener('click', listener); t2.addEventListener('click', listener); function listener(event){ switch(event.target.id){ case 'btn1': alert(1); break; case 'btn2': alert(2); break; } }