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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容