由于HTML中的对象都是层次结构，比如一个Table包含了多个TR，一个TR包含了多个TD。
Bubble就是一个事件可以从子节点向父节点传递，比如鼠标点击了一个TD，当前的event.srcElement就是这个TD，但是这种冒泡机制使你可以从TR或者Table处截获这个点击事件，但是如果你event.cancelBubble，则就不能上传事件。
例子：
<html>
<head>
<title>event.cancelBubble</title>
<body>
<span οnclick=alert("你好")>点我 <span>再点我</span></span>
<br>
<br>
<span οnclick=alert("你好")>点我 <span οnclick=event.cancelBubble=true;>再点我</span></span>
</body>
</html>
扩展资料
JS之开发小技巧：数组索引
考虑一个数组[10、9、8、7、6]，如果我们想将此数组的值分配给任何变量，则我们的定位方法将是const a = array [0]。如果我们想分配多个变量，那么继续这样做将很繁琐。
更聪明的方式：
<script>
var array2 = [10, 9, 8, 7, 6];
var [x, y, z, ...rest] = array2;
document.write("x = " + x + "<br>");
document.write("y = " + y + "<br>");
document.write("z = " + z + "<br>");
document.write("rest = " + rest + "<br>");
</script>
因此，像这样分配多个变量可以举雀节省时正源早间和代码。但是，应注意，其余部分是剩余部分的集合数组，而不是每裂首个项目都单独使用。
标签：js,cancelBubble,属性
