JS中cancelbubble的有哪些作用

在JavaScript中，cancelBubble属性用于禁止事件的进一步传播或冒泡。当cancelBubble属性设置为true时，表示取消事件的冒泡，即事件不再向父元素传播。这样可以禁止父元素上注册的相同类型的事件处理程序被触发。

cancelBubble属性经常使用于事件处理函数中，通过event对象的cancelBubble属性进行设置。例如：

```javascript
element.addEventListener('click', function(event) {

// 禁止事件冒泡

event.cancelBubble = true;
});
```

在上述例子中，当元素被点击时，点击事件不会继续向上级元素传播，由于cancelBubble属性被设置为true。