DOM--事件响应链（冒泡目标捕获）

4、事件响应链（冒泡目标捕获）

如图所示：

1、事件的三个阶段:

• 先捕获==>后目标==>再冒泡,只能有一个阶段触发程序执行,比如捕获阶段触发了到了冒泡阶段就不再触发。
• 事件如果经过所有元素都没有被处理,那么这个事件会消失。
• 事件传递的过程 只跟文档树的结构有关系 跟界面显示的层叠效果没有任何关系。

事件冒泡：结构上（非视觉上）嵌套关系的元素，会存在事件冒泡的功能，即同一事件，自子元素冒泡向父元素。（自底向上）

事件捕获:结构上（非视觉上）嵌套关系的元素，会存在事件捕获的功能，即同一事件，自父元素捕获至子元素（事件源元素）。（自顶向下）与事件冒泡是反过来的。

2.addEventListener绑定事件，中的第三个参数：

如果设置为true，则在捕捉的时候执行事件。

如果设置为false则是在冒泡时触发执行事件。

大部分默认冒泡时触发。

2、阻止冒泡

1、阻止事件冒