HTML事件冒泡是指當一個元素觸發某個事件時,該事件會在其所有祖先元素上被依次觸發。要實現HTML事件冒泡,可以按照以下步驟進行:
<button id="myButton">Click me</button>
const button = document.getElementById("myButton");
button.addEventListener("click", handleClick);
function handleClick(event) {
// 處理事件的代碼
console.log("Button clicked");
}
請注意,如果想要阻止事件冒泡,可以在事件監聽器的回調函數中使用event.stopPropagation()
方法。這將阻止事件繼續冒泡。