JavaScript进阶笔记——DOM事件流理论

 

DOM事件流:

事件流描述的是从页面中接受事件的顺序

事件发生时会在元素节点之间按照特定的顺序传播,这个传播过程即DOM事件流

DOM事件流分为三个阶段:(以div的事件注册为例)

  1. 捕获阶段
  2. 当前目标阶段
  3. 冒泡阶段

JavaScript进阶笔记——DOM事件流理论

注意:

1、addEventListener第三个参数如果是true,表示在事件捕获阶段调用事件处理程序

如果是false那么表示在事件冒泡阶段调用事件处理程序

2、在实际开发中,很少使用事件捕获,一般使用事件冒泡

3、有些时间是没有冒泡的,比如onblur,onfocus,onmouseenter,onmouseleave

但是事件冒泡有时会带来麻烦。。。