博客

一、事件流的定义：

页面触发一个事件，会按照一定的顺序响应事件，事件的响应过程为事件流。

通俗来讲就是网页对点击事件的排序就是事件流。

二、事件流的分类

1.事件冒泡

从明确事件源到不明确事件源一次向上响应

2.事件捕获

从不明确事件源到明确事件源一次向下响应

对象。addEventListener（事件，事件处理程序，false）

false：冒泡型事件流

true：捕获型事件流

3.阻止事件流(适用于冒泡型)

e.stopPropagation()

阻止浏览器的默认行为

e.preventDefault()

4.事件委托

把子容器的要绑定的事件委托给共同的父容器，执行再交给子容器

e.target获取目标事件源

5.应用场景

每个listItem绑定了点击事件，同时点击tag也可以触发某些操作，点击tag时就会触发事件冒泡触发了listItem的事件，如果不想触发listItem的事件，那么可以通过给tag点击事件添加e.stopPropagation()阻止事件冒泡。