理解Javascript——事件的捕获和冒泡

1.事件流如何去传播？

我们在学习与理解事件的捕获与冒泡之前，首先应该清楚下一个事件是如何在DOM内部传播的。当我们正在处理有几个嵌套元素的同一个事件，我们往往会对哪一个事件处理程序先触发的问题而感到疑惑。因此，理清事件的传播的顺序非常重要。

通常情况下，一个事件会从父元素开始向目标元素传播，然后它又被传播回到父元素。

Javascript分为如下三个阶段：

（1）捕获阶段：事件从父元素开始向目标元素传播，先从Windows对象开始传播。

（2)  目标阶段：该事件到达目标元素或开始该事件的元素。

  (3)   冒泡阶段：此阶段与捕获阶段相反，事件向父元素传播，直到Windows对象。

下图有助于我们进一步理解事件传播的生命周期：

 2.事件捕获和事件冒泡是什么？

（1）事件捕获:事件捕获是事件传播的初始场景，从包装元素开始，一直到启动事件生命周期的目标元素。它刚好与事件冒泡相反，从顶到底，从外到内。如下图：