要阻止JavaScript事件冒泡傳遞,可以使用以下方法之一:
1. 使用event.stopPropagation()方法:
- 在事件處理程序中調用event.stopPropagation()方法,該方法將停止事件繼續傳播到父元素或其他監聽該事件的元素。
element.addEventListener('click', function(event) {event.stopPropagation();
});
2. 使用event.cancelBubble屬性(在舊版本的瀏覽器中):
- 在事件處理程序中將event.cancelBubble屬性設置為true,這樣就可以阻止事件繼續傳播到父元素或其他監聽該事件的元素。
element.onclick = function(event) {event.cancelBubble = true;
};
這些方法都能有效地阻止事件冒泡傳遞,根據你的項目需求和所支持的瀏覽器版本,可以選擇合適的方法來使用。