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之间依然会覆盖。