在JavaScript中,事件冒泡是指當一個元素上的事件被觸發后,該事件會依次向上層元素傳播,直到傳播到文檔的根元素。你可以使用cancelBubble
屬性來阻止事件冒泡。
element.addEventListener('click', function(event) {
event.stopPropagation(); // 阻止事件冒泡
});
在上面的示例中,當元素被點擊時,點擊事件會被觸發,然后通過stopPropagation()
方法阻止事件繼續冒泡。
另一種使用方式是直接在事件處理函數中設置event.cancelBubble
屬性為true
來阻止事件冒泡。
element.onclick = function(event) {
event.cancelBubble = true; // 阻止事件冒泡
};
注意,cancelBubble
屬性是IE瀏覽器中的屬性,其他現代瀏覽器中推薦使用stopPropagation()
方法來阻止事件冒泡。