在JavaScript中，事件處理有兩種主要方法：事件冒泡（Event Bubbling）和事件捕獲（Event Capturing）。這兩種方法描述了當事件觸發時，如何在DOM樹中的元素之間傳播。

1. 事件冒泡（Event Bubbling）： 事件冒泡是事件觸發的默認行為。當一個事件（如點擊、鼠標移動等）發生在某個元素上時，該元素會首先處理這個事件，然后這個事件會從該元素向其父元素傳播，直到根元素。在這個過程中，所有能處理該事件的元素都會依次執行它們的處理函數。

要控制事件冒泡，你可以使用以下方法：

• event.stopPropagation()：阻止事件繼續向父元素傳播。在事件處理函數中調用此方法，可以阻止事件冒泡。
• event.stopImmediatePropagation()：阻止事件繼續向父元素傳播，并阻止同一元素上的其他事件處理函數的執行。在事件處理函數中調用此方法，可以實現更精細的控制。

示例：

document.querySelector('#button').addEventListener('click', function(event) {
  event.stopPropagation(); // 阻止事件冒泡
  console.log('Button clicked');
});

document.querySelector('#parent').addEventListener('click', function() {
  console.log('Parent clicked');
});

2. 事件捕獲（Event Capturing）： 事件捕獲是從根元素開始，逐級向下捕獲事件的過程。當一個事件發生時，首先會觸發最外層的捕獲事件處理函數，然后逐層向內捕獲，直到觸發目標元素的事件處理函數。

要控制事件捕獲，你可以使用以下方法：

• addEventListener方法的第三個參數：{capture: true}。當設置為true時，表示在捕獲階段執行事件處理函數。

示例：

document.querySelector('#button').addEventListener('click', function(event) {
  console.log('Button clicked');
}, false); // 設置為false，表示在冒泡階段執行事件處理函數

document.querySelector('#parent').addEventListener('click', function(event) {
  event.preventDefault(); // 阻止事件冒泡
  console.log('Parent clicked');
}, true); // 設置為true，表示在捕獲階段執行事件處理函數

通過合理地使用事件冒泡和事件捕獲，你可以更好地控制事件在DOM樹中的傳播和處理。