一、添加事件的方法不同

普通添加事件的方法：

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

二、是否能添加多個事件

三、是否支持DOM事件流

四、綁定的事件是否可以取消

普通方式綁定事件後，不可以取消。addEventListener綁定後則可以用 removeEvenListener 取消。

參考：

https://www.cnblogs.com/cxy66/p/6091487.html

https://blog.csdn.net/newdaystudy/article/details/78656534

事件綁定和普通事件的區別