一個很簡單的示例。

普通添加事件的方法：

var btn = document.getElementById("hello"); btn.onclick = function(){alert(1); } btn.onclick = function(){alert(2); }

執行上面的代碼只會alert 2?

事件綁定方式添加事件：

var btn = document.getElementById("hello"); btn.addEventListener("click",function(){alert(1); },false); btn.addEventListener("click",function(){alert(2); },false);

執行上面的代碼會先alert 1 再 alert 2

這樣就可以發現這兩種方法的區別了，普通添加事件的方法不支持添加多個事件，最下面的事件會覆蓋上面的，而事件綁定（addEventListener）方式添加事件可以添加多個。

提示：addEventListener不兼容低版本IE，使用addEventListener添加事件之前，請先處理兼容問題，這里就不展開討論了。

本面試題為前端常考面試題，后續有機會繼續完善。我是歌謠，一個沉迷于故事的講述者。

歡迎一起私信交流。

“睡服“面試官系列之各系列目錄匯總（建議學習收藏）?

?

總結

以上是生活随笔為你收集整理的“约见”面试官系列之常见面试题之第六十篇之事件绑定和普通事件（建议收藏）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。