在JavaScript中,cancelBubble屬性是用來阻止事件冒泡的。事件冒泡是指事件從最內層元素開始向外層元素傳播的過程。
要使用cancelBubble屬性,可以通過事件對象來訪問。在事件處理函數中,可以使用以下代碼來阻止事件冒泡:
event.cancelBubble = true;
其中,event是事件對象的名稱,可以根據需要自定義。
以下是一個示例,演示如何使用cancelBubble屬性來阻止事件冒泡:
在上面的示例中,當點擊內部div時,會彈出"Inner div clicked"的提示框,而不會再彈出"Outer div clicked"的提示框。這是因為在內部div的點擊事件處理函數中,使用了event.cancelBubble = true;
來阻止事件冒泡。