event flow

事件流动

DOM事件不单单只会在一个Element上触发，它还会流向其他Element。事件的流动通常会经历这么三个阶段：

捕获阶段 -> 目标阶段 -> 冒泡阶段

1.捕获阶段发生在整个事件流动的开始。在这阶段里事件会从父（主干）到子（分支）由上往下传播，被元素一层层地捕获。
2.目标阶段就是事件对象到达事件目标。如果事件是不可冒泡的，那整个事件流动会到此为止，不会发生下面的冒泡阶段。
3.冒泡阶段就是事件对象会在事件目标的祖先元素里反向传播，由开始的父元素到最后的defaultView（document）。
在这阶段里事件会从子（分支）到父（主干）逆向传播，看起来像是一个水里的泡泡往上冒。

若一个元素（div）是目标元素（button）的祖先，那事件对象会在该元素上触发两次：
一次是捕获阶段（1）的，另一次是冒泡阶段（3）的。当事件对象在事件目标元素（button）上触发时，事件流动进入了目标阶段（2）