JS普通添加事件和事件綁定的區別

很簡單，看代碼。

普通添加事件的方法：

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添加事件之前，請先處理兼容問題，這里就不展開討論了。