事件流動（Event Flow）作為事件（Event）一個很重要的機制，DOM事件不單單隻會在一個Element上觸發，它還會流向其他Element。

事件的流動通常會經歷這麼三個階段：捕獲階段 -> 目標階段 -> 冒泡階段

捕獲階段capture phase：

The event object propagate through the target's ancestors from the defaultView to the target's parent.

事件物件在事件目標的祖先中上到下順向傳播，從最頂層的defaultView到事件目標的（直系）父元素。

捕獲階段發生在整個事件流動的開始。在這階段裡事件會從父（主幹）到子（分支）由上往下傳播，被元素一層層地捕獲。

目標階段 target phase：

The event object arrive at the event object's event target.

事件物件到達事件目標。

如果事件是不可冒泡的，那整個事件流動會到此為止，不會發生下面的冒泡階段。

冒泡階段 bubble phase：

The event object propagates through the target's ancestors in reverse order, starting with the target's parent and ending with the defaultView.

事件物件會在事件目標的祖先元素裡反向傳播，由開始的父元素到最後的defaultView（document）。

冒泡階段發生在最後，這也是我們最為熟悉的一個階段。在這階段裡事件會從子（分支）到父（主幹）逆向傳播，看起來像是一個水裡的泡泡往上冒。