DOM0 —> DOM2 —> DOM3

DOM0级

事件处理方式：直接将函数赋值给一个事件处理属性
this指向window
或者
btnNode.onclick = function(){…..} this指向事件对象

优点

所有浏览器都支持

缺点

一个事件只能绑定一个事件函数，如果绑定多个，后面的会覆盖掉前面的
删除事件处理，只需设置为null，如 btn.onclick = null

DOM2级

添加了事件处理和删除处理的方法
addEventListner( eventName, funName, isPuhuo)
—isPuhuo默认false，是否开启捕获
removeEventListner(~,~,~)

细节

1 eventName 不含“on”，如 addEventListner（”click”, handler)
2 处理函数中的this —> 当前dom元素
3 通过addEventListner添加的处理程序，只能通过removeEventListner删除，故匿名函数无法被删除
4 多次调用绑定多个处理函数，不会被覆盖，依次执行

兼容性

IE中使用attachEvent/detachEvent来实现，一般直接使用Jquery来抹平差异

DOM3级

在DOM2级上重新定义并新添加了事件，并可自定义事件
自定义事件
点击查看【codepen】