事件捕获和事件冒泡什么意思?
全部 1019
事件捕获和事件冒泡什么意思?
-
谢邀!!
针对事件捕获和事件冒泡,我已经写了一篇文章有具体讲到《JS事件流与DOM事件处理程序》,文章链接:https://www.toutiao.com/i6392562710684369410/,感兴趣的可以直接去看看。
这里在简单的讲述下,事件流的相关知识。
事件流
事件流可以理解为事件在页面的DOM节点之间传播的顺序,主要分为三个过程,分别是:事件捕获阶段 --> 事件目标阶段 --> 事件冒泡阶段,从下图可以看出事件的传播过程。

事件捕获
事件捕获的思想是页面上最外层的节点先接收事件,然后向内层元素逐级传播。例如上面的例子中,事件捕获阶段的传播顺序为:window --> document --> html --> body --> table --> tbody --> tr --> td
事件冒泡
事件冒泡和事件捕获刚好相反,它的思想是让最内层节点先接收事件,然后向外层逐级传播。上面的例子中,事件冒泡阶段传播顺序为:td --> tr --> tbody --> table --> body --> html --> document --> window
事件目标阶段
不管在事件传播阶段还是在事件冒泡阶段,都必然经历事件目标阶段,表示对DOM节点的事件进行处理。
目前我已经在头条发表了一百多篇关于前端开发的文章,反响还不错,可以关注下噢~
2017-11-27 13:24:38 -
Js事件传播阶段分为
第一阶段:从window传递到目标节点称为捕获阶段
第二阶段:在目标节点触发称为目标阶段
第三阶段:从目标节点传回window对象,称为冒泡阶段
具体例子说明讲解可以点我头像查看我写的一篇文章<5分钟了解js事件机制>
2017-08-29 11:32:46 -
事件捕獲是動到垂成;事件冒泡就是虛無飄渺!
2017-08-30 12:59:28