首页 > Web开发 > 详细

js事件传播机制之冒泡事件详解

时间:2020-03-19 17:06:30      阅读:48      评论:0      收藏:0      [点我收藏+]

事件流是事件从页面接受并传播的过程,主要分三个阶段:事件捕获阶段、目标事件阶段、事件冒泡阶段。

事件传播,先触发当前元素上的事件,然后触发祖先元素上的相同事件,由内而外依次传播

事件捕获阶段:由最外层祖先元素向目标元素进行事件的捕获,这个阶段不触发事件;

事件目标阶段:事件捕获到目标元素,捕获结束后开始在目标元素上触发事件

冒泡阶段:事件从目标元素依次像祖先元素传递,触发事件

*******如果希望在捕获阶段就触发事件,可以将addeventlistener()的第三个参数设置为true,一般情况下不适用

ie8及以下没有捕获阶段

e.stopPropagation()window.event.cancelBubble = true组织事件冒泡

 

js事件传播机制之冒泡事件详解

原文:https://www.cnblogs.com/baixiaoxiao/p/12525416.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!