博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
事件冒泡 事件捕获 事件委托 W3C事件流
阅读量:4315 次
发布时间:2019-06-06

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

事件冒泡:触发事件的那个节点,如果外层绑定了同类型的事件如click,则事件会从触发的那个节点开始向外触发(往外冒泡,一层一层,只要绑定了同类型事件<无论是通过事件委托绑定的还是单独绑定的>,依次触发事件,表现对应的事件内容,因为各事件绑定的内容可能不一样,所以事件表现也会不同)直到含有同类型事件的最外层

(含有同类型事件的最外层意思是:如果某一层含有同类事件然后它的外层都不含该事件了则这一层为含有同类事件的最外层)

事件捕获:触发事件的那个节点,如果外层绑定了同类型的事件如click,则事件会从绑定有同类型事件的最外层向里触发

 

事件委托:给父元素添加事件处理器,则它的子元素也相当于绑定了同类型事件,继承了父元素的事件,点击目标元素,则触发了目标元素绑定的事件(但是这个事件并没有绑定什么内容,相当于一个空的按钮,真正按了有反应的按钮在父节点那),通过事件冒泡,冒泡到父节点上,触发事件父节点通过event.target判断节点目标,执行相应事件内容

 

DOM2级事件流: 任何事件首先从含有同类型的事件的最外层向里传播【事件捕获阶段】,直到找到目标层,触发事件后【处于目标阶段】,再往外传播【冒泡阶段】。

addEventListener()方法的第三个参数指定事件是否在捕获阶段或者时冒泡阶段执行,默认为false,默认在冒泡阶段执行

onclick也是默认的在冒泡阶段执行

转载于:https://www.cnblogs.com/cs-1996/p/9720623.html

你可能感兴趣的文章
soTower框架学习(一)
查看>>
测试与发布
查看>>
Timus 1014. Product of Digits
查看>>
14软件工程第七次作业
查看>>
继承的特点与注意事项
查看>>
C02面向对象
查看>>
Thunder团队第二周 - Scrum会议2
查看>>
转 sql删除重复记录
查看>>
Yum数据库错误
查看>>
HDOJ树形DP专题之考研路茫茫——空调教室
查看>>
《结对-蓝牙考勤系统-测试过程》
查看>>
PAT 1034. Head of a Gang
查看>>
微信分享
查看>>
《数据结构》第1章:绪论
查看>>
基于域名的虚拟主机(最常用)
查看>>
第八讲 shiro 整合 ssm
查看>>
Lucene
查看>>
[LeetCode] 83. Remove Duplicates from Sorted List 移除有序链表中的重复项
查看>>
CNN反卷积理解
查看>>
chrome 中firstChild老是出错
查看>>