js事件冒泡cancelBubble怎么使用

在JavaScript中，事件冒泡是指当一个元素上的事件被触发后，该事件会依次向上层元素传播，直到传播到文档的根元素。你可以使用cancelBubble属性来阻止事件冒泡。

element.addEventListener('click', function(event) {
event.stopPropagation(); // 阻止事件冒泡
});

在上面的示例中，当元素被点击时，点击事件会被触发，然后通过stopPropagation()方法阻止事件继续冒泡。

另一种使用方式是直接在事件处理函数中设置event.cancelBubble属性为true来阻止事件冒泡。

element.onclick = function(event) {
event.cancelBubble = true; // 阻止事件冒泡
};

注意，cancelBubble属性是IE浏览器中的属性，其他现代浏览器中推荐使用stopPropagation()方法来阻止事件冒泡。

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>