在 JavaScript 中，事件冒泡和事件捕獲是兩種事件傳播的機制，它們的主要作用是確定事件處理的順序。
事件冒泡（Event Bubbling）：事件從最內層的元素開始觸發，然后向外層元素傳遞，直到根節點。使用事件冒泡，你可以在全局范圍內監聽某個元素的事件，而不需要將事件監聽器綁定到該元素本身。例如，如果你想要監聽一個按鈕點擊事件，你可以將事件監聽器綁定到它的父元素上，然后通過事件冒泡捕獲到按鈕的點擊事件。
事件捕獲（Event Capturing）：事件從根節點開始觸發，然后向內層元素傳遞，直到到達目標元素。使用事件捕獲，你可以在目標元素之前捕獲到事件。這對于在事件到達目標元素之前執行某些操作非常有用。
這兩種機制都可以用來確定事件處理的順序，但它們的使用場景和目的略有不同。事件冒泡更適用于在全局范圍內監聽事件，而事件捕獲則更適用于在目標元素之前執行某些操作。
需要注意的是，事件冒泡和事件捕獲并不是所有瀏覽器都支持的功能。較舊的瀏覽器可能只支持其中一種機制，因此在使用時需要考慮兼容性問題。同時，也可以通過 addEventListener 方法的第三個參數來指定事件處理函數是在事件冒泡階段還是事件捕獲階段執行。如果第三個參數為 true，則事件處理函數在事件捕獲階段執行；如果為 false 或省略，則默認在事件冒泡階段執行。
