博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
为同一元素对象分别用三种绑定事件方式绑定同一种事件
阅读量:6224 次
发布时间:2019-06-21

本文共 546 字,大约阅读时间需要 1 分钟。

小菜鸟今天无意之间发现了这个问题,由于我之前用dom0级方式给li元素绑定了onclik事件,然后今天在做一个小test的时候用元素特性再次给这个li元素绑定了onclik事件,然后意外的发现这个事件没有触发,又把这个事件换到其他元素上,alert成功。所以就想起了js中的三种绑定事件的方式,如果分别给同一个元素绑定同一种事件,那么这三种绑定事件方式的执行顺序是什么。然后小菜鸟就做了一个demo来测试一下。代码如下

 

    

 

之后alert结果顺序为:dom0 dom2

 

如果注释掉这段代码

var obj=document.getElementById('test');    obj.onclick=function(){        alert('dom0');    } alert结果顺序为:html dom2 之后就请教了别人,原来这是由于html是顺序执行的,解析到哪儿就执行到哪儿,整个dom都完成之后,dom0级事件处理程序就覆盖掉了html事件处理程序。 好了,更具体的原理是怎样的我就没有花时间去找答案了。如果有大神知道是怎么回事请多多指点指点。

转载于:https://www.cnblogs.com/miss-radish/p/3641938.html

你可能感兴趣的文章
sql性能优化总结
查看>>
windows 7 使用注册表创建影子账户和隐藏账户
查看>>
一个有用的python装饰器 -- 为执行程序加锁
查看>>
linux shell
查看>>
xfs文件系统优化
查看>>
eclipse.ini参数的含义和设置
查看>>
VirtualBox中常用的网络设置
查看>>
用 GetEnvironmentVariable 获取常用系统环境变量
查看>>
手把手安装ZABBIX2.2(CentOS6.5+Zabbix2.2.2)
查看>>
推送通知(本地推送+远程推送)详解
查看>>
ifconfig
查看>>
电子商务风险防控
查看>>
Android列表展示和手指滑动分页
查看>>
我的友情链接
查看>>
final 关键字修饰类、属性、方法的使用
查看>>
字符数组"student a am i"--》"i am a student"
查看>>
更改zabbix数据库mandatory
查看>>
使用Cocos Studio UI编辑器并在cocos2dx中加载
查看>>
对MYSQL进行压力测试
查看>>
运维自动化之 Cobbler 系统安装使用详解
查看>>