js的cancelbubble属性怎么使用

在JavaScript中，cancelBubble属性是用来阻止事件冒泡的。事件冒泡是指事件从最内层元素开始向外层元素传播的过程。
要使用cancelBubble属性，可以通过事件对象来访问。在事件处理函数中，可以使用以下代码来阻止事件冒泡：

event.cancelBubble = true;

其中，event是事件对象的名称，可以根据需要自定义。
以下是一个示例，演示如何使用cancelBubble属性来阻止事件冒泡：

document.getElementById("inner").addEventListener("click", function(event) {
alert("Inner div clicked");
event.cancelBubble = true; // 阻止事件冒泡
});
document.getElementById("outer").addEventListener("click", function() {
alert("Outer div clicked");
});

在上面的示例中，当点击内部div时，会弹出"Inner div clicked"的提示框，而不会再弹出"Outer div clicked"的提示框。这是因为在内部div的点击事件处理函数中，使用了event.cancelBubble = true;来阻止事件冒泡。