在JavaScript中,cancelBubble属性用于阻止事件的进一步传播或冒泡。当cancelBubble属性设置为true时,表示取消事件的冒泡,即事件不再向父元素传播。这样可以阻止父元素上注册的相同类型的事件处理程序被触发。
cancelBubble属性常用于事件处理函数中,通过event对象的cancelBubble属性进行设置。例如:
```javascript
element.addEventListener('click', function(event) {
// 阻止事件冒泡
event.cancelBubble = true;
});
```
在上述例子中,当元素被点击时,点击事件不会继续向上级元素传播,因为cancelBubble属性被设置为true。