js 中cancelBubble属性是什么意思?

由于HTML中的对象都是层次结构，比如一个Table包含了多个TR，一个TR包含了多个TD。

Bubble就是一个事件可以从子节点向父节点传递，比如鼠标点击了一个TD，当前的event.srcElement就是这个TD，但是这种冒泡机制使你可以从TR或者Table处截获这个点击事件，但是如果你event.cancelBubble，则就不能上传事件。

例子：

点我 再点我

点我 再点我 

扩展资料

JS之开发小技巧：数组索引

考虑一个数组[10、9、8、7、6]，如果我们想将此数组的值分配给任何变量，则我们的定位方法将是const a = array [0]。如果我们想分配多个变量，那么继续这样做将很繁琐。

更聪明的方式：

因此，像这样分配多个变量可以节省时间和代码。但是，应注意，其余部分是剩余部分的集合数组，而不是每个项目都单独使用。

cancelBubble 设置或获取当前事件是否要在事件句柄中向上冒泡。
关于事件冒泡,就像在水底产生的一个水泡,一层一层向上走
如在button上的click事件,会一层层向上走,最后document会得到一个click事件,
设置cancelBubble =true后, 就不会向上冒泡了