javascript中事件冒泡和事件捕获机制的详解

javascript 中事件冒泡和事件捕获机制的详解

创新互联建站2013年开创至今,先为玉山等服务建站,玉山等地企业,进行企业商务咨询服务。为玉山企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

二者作用:描述事件触发时序问题

事件捕获:从document到触发事件的那个节点,即自上而下的去触发事件---由外到内

事件冒泡:自下而上的去触发事件---由内到外

绑定事件方法的第三个参数,就是控制事件触发顺序是否为事件捕获

true,事件捕获;false,事件冒泡

一般默认false,即事件冒泡

Jquery的e.stopPropagation会阻止冒泡,意思就是到DOM为止,祖先级的事件就不要触发了 

下面是我尝试的例子:

  
 
 
   
  事件冒泡与事件捕获 
   
 
 
parent事件   
child事件

 例子里我加了第三个true,是事件捕获。

如果不加则是默认的事件冒泡,这时候事件触发时序就是自内向外

以上就是javascript 中事件冒泡和事件捕获机制的详解,如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!


当前题目:javascript中事件冒泡和事件捕获机制的详解
分享URL:http://bzwzjz.com/article/goecdh.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: H5网站制作 重庆网站设计 广安网站设计 企业手机网站建设 手机网站制作 成都网站制作 网站建设 专业网站设计 网站制作 梓潼网站设计 高端网站设计 高端网站设计 成都定制网站建设 网站建设公司 外贸网站建设 成都网站建设公司 响应式网站设计 企业网站设计 成都网站设计制作公司 成都网站设计 成都网站建设公司 网站建设费用