DOM事件流

Posted zhengyulu

tags:

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

1.事件流概念:

事件流描述是从页面中接受事件的顺序。事件发生时会在元素节点之间按照特定的顺序传播,这个传播过程即DOM事件流。

比如我们给div注册了点击事件:

DOM事件流分为3个阶段:1.捕获阶段。2,当前目标阶段。3.冒泡阶段

技术图片

 

 事件冒泡:IE最早提出,事件开始时由具体的元素接受,然后逐级向上传播到DOM最顶层节点的过程。

事件捕获:网景最早提出,由DOM最顶层节点开始,然后逐级向下传播到具体的元素接受的过程。

eg:

技术图片

 

 技术图片

 

 技术图片

 

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

DOM事件揭秘-事件流

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

Dom事件流冒泡捕获

DOM事件流

事件流

JavaScript事件捕获冒泡与捕获