在 JavaScript 中，事件冒泡和事件捕獲是描述事件如何在 DOM（文檔對象模型）中傳播的兩種機制。它們可以幫助我們理解事件處理的順序和方式。讓我們分別了解這兩個概念：
事件冒泡（Event Bubbling）
事件冒泡是指一個事件從最特定的元素（事件發生的目標元素）開始，逐級向上傳播到最不特定的元素（通常是 document 對象）。在冒泡過程中，事件處理程序會按照它們在代碼中出現的順序被調用。這使得我們可以在全局范圍或祖先元素上捕獲并處理事件，而無需將事件監聽器綁定到實際觸發事件的元素上。
例如，當用戶點擊一個按鈕時，事件首先在按鈕元素上觸發，然后冒泡到包含該按鈕的父元素，依此類推，直到到達 document 對象。
事件捕獲（Event Capturing）
事件捕獲則是從最不特定的元素（通常是 document 對象）開始，逐級向下傳播到最特定的元素（事件發生的目標元素）。在捕獲過程中，事件處理程序也會按照它們在代碼中出現的順序被調用。這使得我們可以在事件到達目標元素之前就捕獲并處理它。
事件捕獲和事件冒泡的主要區別在于它們處理事件的順序。事件冒泡是從目標到父元素，而事件捕獲是從父元素到目標元素。
總結
document 對象。document 對象向下捕獲到目標元素。這兩種機制都允許我們在不同層級上處理事件，從而提供了更大的靈活性和控制力。在實際開發中，我們可以根據需要選擇使用事件冒泡、事件捕獲或者兩者的組合來實現所需的事件處理邏輯。
