HTML之DOM事件流

HTML

Q1:简述DOM事件流的三个阶段？

首先简述下在前端中流的概念
在现今的JavaScript中随处可见。比如说React中的单向数据流，Node中的流，又或是今天本文所讲的DOM事件流。都是流的一种生动体现。
至于流的具体概念，我们采用下文的解释：
用术语说流是对输入输出设备的抽象。以程序的角度说，流是具有方向的数据。
通通连起来——无处不在的流 淘宝FED–愈之

DOM事件流之事件冒泡
IE事件流叫做事件冒泡，即事件开始时由最具体的元素（文档中嵌套最深层次的节点）接受，然后逐级向上传播到较为不具体的节点（文档）。

1. div
2. body
3. html
4. document
5. window

DOM事件之处于目标阶段
本阶段顾名思义，就是实际的目标接受到事件的阶段。在这个阶段，目标会处理接受到的事件。

DOM事件之事件捕获
事件捕获的思想是不太具体的节点应该更早的接受到事件，而具体的节点则最后接到事件，和事件冒泡的流程正相反。

1. window
2. document
3. html
4. body
5. div

DOM事件流
DOM2级事件规定的事件流包括三个过程：事件捕获，处于目标阶段，事件冒泡。