DOM0和DOM2级事件

DOM0和DOM2级事件

事件绑定的两种方法

DOM0级事件绑定

curEle.onclick=function(){};

DOM2级事件绑定

标准浏览器：curEle.addEventListener('click',function(){},false)IE6-8:curEle.attachEvent('onclick',function(){})

一、共同的优点1、DOM0级和DOM2级的共同优点：能添加多个事件处理程序，按顺序执行，HTML事件处理程序无法做到~

二、区别2、关于dom0级和dom2级的区别

DOM0级事件处理：同时绑定几个不同的事件，

例如在绑定onclick的基础上,

再绑定一个onmouseover为按钮2设置背景颜色

（这里注意onclick、onmouseover事件不能都设为alert弹出哦，可能会有冲突，造成dom0和dom2都不能成功）；

但是不能同时绑定多个相同的事件，比如onclick；会覆盖，只会执行最后一个的函数；

比如把onclick写在标签内，就是dom0级事件，fn和fn1依次执行;

第二种获取元素，绑定onclick事件也是dom0级，第二个onclick会覆盖第一个onclick，也会覆盖行内的onclick。

DOM2级事件处理：优点：同时绑定几个事件（相同或不同），然后顺序执行，不会覆盖。缺点：不具有跨浏览器优势.

另外，IE9能兼容dom2

dom2级，不会覆盖，会依次执行绑定方法和原生的绑定方法，这就是于dom0级的区别之处；

总结区别：如果定义了两个dom0级事件，dom0级事件会覆盖；

dom2不会覆盖，会依次执行；

dom0和dom2可以共存，不互相覆盖，但是dom0之间依然会覆盖。