在 JavaScript 中，事件冒泡和捕獲是兩種事件傳播的機制。它們的主要原理如下：
事件流描述了從頁面接收事件的順序。在 DOM（文檔對象模型）中，事件流分為兩種模型：冒泡型（Bubble）和捕獲型（Capture）。
冒泡型事件是從最內部的元素開始，逐級向外傳遞事件，直到傳遞至根節點。在冒泡過程中，事件處理程序會按照它們在頁面上的層級順序被觸發。這種機制允許我們在全局范圍內監聽某個元素的事件，而不需要將事件監聽器綁定到特定元素上。
冒泡型事件的典型應用場景是在用戶點擊按鈕時，同時觸發按鈕的父容器或更高級別的元素的事件處理程序。
捕獲型事件是從根節點開始，逐級向內傳遞事件，直到到達觸發事件的元素。與冒泡型事件相反，捕獲型事件處理程序在事件到達目標元素之前被觸發。這種機制允許我們在事件到達目標元素之前就進行干預和處理。
捕獲型事件的典型應用場景是在用戶點擊按鈕時，提前在某個祖先元素上監聽事件，以便在該事件到達按鈕之前執行某些操作。
在 JavaScript 中，使用事件對象（Event Object）來表示事件的相關信息。事件對象包含了諸如事件類型（type）、目標元素（target）、當前元素（currentTarget）等屬性和方法。通過事件對象，我們可以獲取到事件的詳細信息，并根據需要執行相應的操作。
事件冒泡和捕獲是 JavaScript 中兩種事件傳播的機制。冒泡型事件從內向外傳遞，允許全局監聽；捕獲型事件從外向內傳遞，允許在事件到達目標元素之前進行干預。事件對象提供了豐富的屬性和方法，幫助我們更好地處理事件。
