js-DOM事件流

DOM事件流

1. 事件流

描述从页面中接收事件的顺序。

2. DOM事件流

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

3. DOM事件流三阶段

捕获阶段：从windows对象依次向下传播，到达目标节点。捕获阶段不会相应任何事件。

当前目标阶段：目标节点触发事件。

冒泡阶段：从当前节点依次向上传播，直到windows对象。

DOM事件流三阶段

4. 注意

a. JS代码中只能执行捕获或者是冒泡其中的一个阶段

b. onclick只能得到冒泡阶段

c. addEventListener(type, listener[,useCapture])如果第三个参数不写默认false就是在冒泡阶段调用事件处理程序；若设置为true，则是在事件捕获阶段调用事件处理程序。

d. 但是在开发中，关注事件冒泡会更多。