在JavaScript中,事件冒泡(Event Bubbling)和事件捕獲(Event Capturing)是描述事件如何在DOM(文檔對象模型)樹中傳播的兩種機制。這兩種機制決定了事件處理函數被調用的順序。
要實現事件冒泡,需要在JavaScript中為元素添加事件監聽器,并設置參數useCapture = false
(默認值)。例如:
document.getElementById("myButton").addEventListener("click", function(event) {
console.log("Button clicked:", event.target);
}, false);
要實現事件捕獲,需要在JavaScript中為元素添加事件監聽器,并設置參數useCapture = true
。例如:
document.getElementById("myButton").addEventListener("click", function(event) {
console.log("Button clicked:", event.target);
}, true);
需要注意的是,事件冒泡和事件捕獲并不是所有瀏覽器都支持的通用機制。為了確保兼容性,可以使用addEventListener
方法的第三個參數(useCapture
)來指定使用哪種機制,或者使用attachEvent
方法為元素添加事件監聽器。但attachEvent
方法不支持事件捕獲,因此通常建議使用addEventListener
方法,并根據需要設置useCapture
參數。