事件冒泡和事件捕獲這兩個概念都是為了解決頁面中事件流（事件發生順序）的問題。

1、事件冒泡

事件冒泡：事件會從最內層的元素開始發生，一直向上傳播，直到document對象。

2、事件捕獲

事件捕獲：與事件冒泡相反，事件會從最外層開始發生，直到最具體的元素。

3、addEventListener方法

element.addEventListener(event, function, useCapture)

第一個參數是需要綁定的事件，第二個參數是觸發事件后要執行的函數。而第三個參數默認值是false，表示在事件冒泡的階段調用事件處理函數，如果參數為true，則表示在事件捕獲階段調用處理函數。

4、事件代理機制

table.addEventListener("click", function(el) {
?????? //如果觸發事件本身的類名==del，那么進行刪除操作
?????? if(el.target.className == "del") {???????? ?
?????? el.target.parentNode.parentNode.remove();
?????? }
})

總結

以上是生活随笔為你收集整理的事件冒泡和事件捕获的区别的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。