JavaScript 事件冒泡（Event Bubbling）和事件捕獲（Event Capturing）是描述事件如何在 DOM（文檔對象模型）樹中傳播的兩種機制。它們主要適用于以下情況：
事件委托（Event Delegation）：事件冒泡和捕獲可以用于實現事件委托，這是一種在父元素上監聽子元素事件的技巧。這樣可以減少事件監聽器的數量，提高性能。例如，你可以使用事件冒泡在一個列表中監聽點擊事件，然后通過判斷點擊的元素是列表項（li）還是其他元素來執行相應的操作。
阻止事件冒泡：當你想要阻止一個事件繼續向上冒泡到父元素時，可以使用 event.stopPropagation() 方法。這在某些情況下很有用，例如當你想要在點擊一個元素時阻止觸發其父容器的點擊事件。
阻止事件捕獲：當你想要阻止一個事件被父元素捕獲時，可以使用 event.stopImmediatePropagation() 方法。這在有多個事件監聽器綁定到同一個元素時非常有用，因為它可以阻止其他監聽器的執行。
捕獲階段的事件處理：在某些情況下，你可能需要在事件到達目標元素之前（捕獲階段）就處理事件。這可以通過設置事件監聽器的第三個參數（useCapture）為 true 來實現。這在需要阻止事件冒泡但不想阻止其他監聽器執行的情況下很有用。
總之，事件冒泡和捕獲在 JavaScript 中廣泛應用于實現事件委托、阻止事件冒泡和捕獲、以及控制事件處理的時機。
