天天看點

浏覽器DOM 事件處理流程

DOM事件觸發流程 捕獲流程 => 冒泡流程

捕獲過程

事件先由 事件範圍内的 父節點傳到最後一個 事件範圍内的 子節點,分别觸發每個節點的事件,稱為事件的 捕獲過程

冒泡過程

再由最後一個傳遞到的節點 向上觸發傳回父節點 ,稱為事件的 冒泡過程

addEventListener(click,dom,capture)

capture 第三個參數代表着在 事件傳遞的哪個過程中被觸發,

true 為 捕獲過程 中觸發,

false 為 冒泡過程 中觸發

浏覽器内置的事件都是capture為false,也就是冒泡階段觸發,

所謂的事件冒泡