前端进阶js03----冒泡事件和捕获事件

1.事件流
**我们将事件发生的顺序叫事件流。**当我们在浏览器上对一个元素进行点击的时候，触发的不仅仅是这个元素本身的事件。这是因为我们的HTML元素是存在父子元素叠加层级的，所以当我们触发某个事件的时候，会产生一系列的连锁反应。

1.事件冒泡
由网景公司提出，事件会从目标节点流向文档根节点，途中会经过目标节点的各个父级节点，并在这些节点上触发捕获事件，直至到达window。(在实际开发中常用事件冒泡)

2.事件捕获
由微软公司提出来的，事件从window对象流向目标节点，途中会经过目标节点的各个父级节点，并在这些节点上触发捕获事件，直至到达事件的目标节点。（不常用）

3.Dom事件流的三个阶段
捕获阶段->目标阶段->冒泡阶段（先捕获后冒泡，W3C统一后的标准。)

捕获阶段：事件从window对象流向目标节点。
目标阶段：事件到达目标元素。
冒泡阶段：事件从元素上开始冒泡。

4.事件冒泡的优点：当多个子元素拥有相同事件行为时，可以利用冒泡机制，让父级元素处理子元素的事件，这就是事件委托。只给父元素添加一个事件，而不需要给每个子元素添加事件，从而提高性能。（这是一种设计模式，事件委托模式）

5.event.stopPropagation()可以阻止事件的传递（冒泡和捕获都可以阻止）