DOM事件流

DOM事件標準定義了兩種事件流:Capture(捕獲)和Bubbing（冒泡）；捕獲和冒泡是javascript針對dom事件處理的前後順序,所謂的前後順序是指針對父標籤與其嵌套子標籤,若是父標籤與嵌套子標籤均有相同的事件時,那一個會先被觸發!

捕獲：事件按照從最特定的事件目標到最不特定的事件目標(document對象)的順序觸發；父----》子級

冒泡：事件從最不精確的對象(document 對象)開始觸發，而後到最精確(也能夠在窗口級別捕獲事件，不過必須由開發人員特別指定)。子---》父級

參考圖片：

 

事件捕獲階段：事件從最上一級標籤開始往下查找，直到捕獲到事件目標(target)。

事件冒泡階段：事件從事件目標(target)開始，往上冒泡直到頁面的最上一級標籤。

 

note： 在IE瀏覽器中，只發生事件冒泡的過程；在W3c（或支持事件捕獲的）瀏覽器中，先發生捕獲的過程，再發生冒泡的過程。