在 JavaScript 中，事件冒泡和捕獲是事件傳播的兩種機制。要避免事件冒泡或捕獲，你可以采取以下方法：
使用 event.stopPropagation() 方法可以阻止事件冒泡。當你不希望一個事件觸發其父元素或祖先元素上的事件處理程序時，可以使用此方法。示例代碼如下：
element.addEventListener('click', function(event) {
// 你的邏輯代碼
event.stopPropagation(); // 阻止事件冒泡
});
使用 event.stopImmediatePropagation() 方法可以阻止事件捕獲。當你不希望一個事件觸發同一元素上的其他事件處理程序時，可以使用此方法。示例代碼如下：
element.addEventListener('click', function(event) {
// 你的邏輯代碼
event.stopImmediatePropagation(); // 阻止事件捕獲
});
需要注意的是，如果你希望同時阻止事件冒泡和捕獲，可以使用 event.stopPropagation() 方法，因為 stopImmediatePropagation() 會同時阻止冒泡和捕獲。
另外，你還可以通過設置 addEventListener 的第三個參數來控制事件處理程序的執行順序。將第三個參數設置為 false 可以在捕獲階段執行事件處理程序，而將第三個參數設置為 true 可以在冒泡階段執行事件處理程序。通過調整這個參數，你可以在一定程度上控制事件的傳播行為。
