瞭解事件流

 一個事件在它的生命週期中要經歷3個階段：捕獲、處理目標元素和冒泡

捕獲：

但事件發生時，瀏覽器首先要找出是哪一個元素觸發了這個事件，這個元素又稱爲時間的目標元素（target）。瀏覽器會詢問body元素與目標元素之間的全部元素，挨個檢查它們是否認義有事件處理函數。在執行目標元素的事件處理函數以前，瀏覽器會先執行祖先元素綁定的事件處理函數。

處理目標元素：

這是3個階段中最簡單的一個。當捕獲階段完成，瀏覽器會觸發執行綁定在目標元素該事件上的全部偵聽函數。

冒泡：

處理完目標元素完成以後，瀏覽器開始向着body元素方向上行檢查每一個祖先元素（冒泡）瀏覽器會一個個詢問這些元素是否綁定非捕獲事件，由於不是全部旳事件都支持冒泡。咱們能夠檢查事件的bubbles屬性來查看事件是否支持冒泡。若是該屬性值爲true，則表示該事件支持冒泡，不然就不支持。