在JavaScript中,cancelBubble屬性用于阻止事件的進一步傳播或冒泡。當cancelBubble屬性設置為true時,表示取消事件的冒泡,即事件不再向父元素傳播。這樣可以阻止父元素上注冊的相同類型的事件處理程序被觸發。
cancelBubble屬性常用于事件處理函數中,通過event對象的cancelBubble屬性進行設置。例如:
```javascript
element.addEventListener('click', function(event) {
// 阻止事件冒泡
event.cancelBubble = true;
});
```
在上述例子中,當元素被點擊時,點擊事件不會繼續向上級元素傳播,因為cancelBubble屬性被設置為true。