当前位置:知之问问>百科问答>js 中cancelBubble属性是什么意思?

js 中cancelBubble属性是什么意思?

2023-10-01 12:08:22 编辑:join 浏览量:606

由于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 中cancelBubble属性是什么意思?

扩展资料

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,属性

版权声明:文章由 知之问问 整理收集,来源于互联网或者用户投稿,如有侵权,请联系我们,我们会立即处理。如转载请保留本文链接:https://www.zhzhwenwen.com/answer/231182.html
热门文章