事件流与两个阶段

 

 事件冒泡概念:

当一个元素的事件被触发时，同样的事件将会在该元素的所有祖先元素中依次被触发。这一过程被称为事件冒泡

简单理解：当一个元素触发事件后，会依次向上调用所有父级元素的同名事件

事件冒泡是默认存在的

事件捕获概念：

从DOM的根元素开始去执行对应的事件 (从外到里)

 

 说明：

addEventListener第三个参数传入true代表是捕获阶段触发（很少使用）

若传入false代表冒泡阶段触发，默认就是false

若是用 L0 事件监听（传统绑定事件方法），则只有冒泡阶段，没有捕获

阻止事件流动：

阻止事件流动需要拿到事件对象

语法：

 

 此方法可以阻断事件流动传播，不光在冒泡阶段有效，捕获阶段也有效

阻止默认行为：

比如链接点击不跳转，表单域的不提交

语法：