增加事件

个别咱们给dom元素增加事件的办法：

var dom = document.getElementById("xxx")dom.onclick=method

然而如果给一个dom增加多个绑定事件呢？

dom.onclick=method1dom.onclick=method2dom.onclick=method3

如果这样写，会发现只有method3失效，这时候就不能应用onclick了，而是应用attachEvent和addEventListener。

attachEvent

在IE浏览器中，增加事件应用attachEvent办法

dom.attachEvent("onclick",method1);dom.attachEvent("onclick",method2);dom.attachEvent("onclick",method3);

须要留神的是，事件需加上前缀on，如onclick onsubmit onchange，执行程序method3 > method2 > method1，有力吐槽的IE...

addEventListener

在除IE外的其余浏览器都反对W3C规范的addEventListener办法

dom.addEventListener("click",method1,false);dom.addEventListener("click",method2,false);dom.addEventListener("click",method3,false);

执行程序method1 > method2 > method3，第三个参数指定事件是否在捕捉或冒泡阶段执行， 默认false：事件在冒泡（从子级到父级）阶段执行，true：事件在捕捉（从父级到子级）阶段执行

移除事件

removeEventListener

addEventListener对应移除事件removeEventListener，删除注册事件需两个办法参数雷同。

dom.removeEventListener("click",method1,false);

detachEvent

attachEvent对应移除事件detachEvent，删除注册事件需两个办法参数雷同。

dom.attachEvent("onclick",method1);

参考文章：

https://www.cnblogs.com/leihe...
https://blog.csdn.net/weixin_...