js 中on和addEventLisenter的區別

<div id='one'></div>

jq : on 在綁定事件中

var one = document.getElementById('one');

one.on('click',function(){console.log(123)});

one.on('click',function(){console.log(456)});

控制檯會輸出456；可想而知，第二個覆蓋了第一個函數。

one.addEventListener('click',function(){console.log(123)});

one.addEventListener('click',function(){console.log(456)});

控制檯會輸出123，456. 說明addEventListener能夠同時綁定多個事件。