事件流事件冒泡和事件捕获

Posted cassia

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了事件流事件冒泡和事件捕获相关的知识,希望对你有一定的参考价值。

事件流:

  通俗的说就是:元素触发时,传播的过程。
 

冒泡型事件流:事件的传播是从最具体的事件目标到最不具体的事件目标。即从DOM树的叶子到根。

       <div>—》<body>—》<html>—》document
 

捕获型事件流:事件的传播是从最不具体的事件目标到最具体的事件目标。即从DOM树的根到叶子。

       document—》<html>—》<body>—》<div>
 

事件流包括三个阶段:

事件捕获阶段:实际目标(<div>)在捕获阶段不会接收事件。也就是在捕获阶段,事件从document到<html>再到<body>就停止了。
处于目标阶段:事件在<div>上发生并处理。但是事件处理会被看成是冒泡阶段的一部分。(这一点要注意一下哈!)
冒泡阶段:事件又传播回文档。
 
 

以上是关于事件流事件冒泡和事件捕获的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript事件冒泡和事件捕获

事件流(事件冒泡事件捕获和DOM事件流)

事件流事件冒泡和事件捕获

javascript中的事件冒泡事件捕获和事件执行顺序

聊聊事件冒泡与事件捕获

事件流,事件捕获与事件冒泡-基础知识总结------彭记(018)