?

---

1、addEventListener?
適用w3c標準方法addEventListener綁定事件，如下，事件的執行順序和綁定順序一致，執行順序為method1->method2->method3

//element.addEventListener(type,listener,useCapture);

btn1Obj.addEventListener("click",method1,false);

btn1Obj.addEventListener("click",method2,false);

btn1Obj.addEventListener("click",method3,false);

2、attachEvent?
在IE8及以下版本中，不支持addEventListener，只能用attachEvent綁定事件，執行順序是 method3->method2->method1

//object.attachEvent(event,function);

btn1Obj.attachEvent("onclick",method1);

btn1Obj.attachEvent("onclick",method2);

btn1Obj.attachEvent("onclick",method3);

3、屬性賦值法綁定事件?
適用該方法會使后綁定的方法覆蓋前面的方法，要想一次性綁定多個（一次性執行多個操作，可以再一個事件中調用多個方法）

obj.onclick=method1;

obj.onclick=method2;

obj.onclick=method3;

一次性綁定多個：

obj.onclick=function (){

method1();

method2();

method3();

}

轉載于:https://www.cnblogs.com/lydialee/p/4040216.html

總結

以上是生活随笔為你收集整理的js 添加事件 attachEvent 和 addEventListener 的区别的全部內容，希望文章能夠幫你解決所遇到的問題。

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