默认情况下,事件在h5页面会穿透传递,比如一div里面套一个div,点击上层div,下层div也会响应
要阻止事件穿透,使用event.stopPropagation();
代码示例:
<div @click="testout($event)>
<div @click="testin($event)"></div>
</div>
.......
testin(event) {
......
event.stopPropagation();
},
本文介绍在H5页面中如何使用event.stopPropagation()来阻止事件穿透。通过具体代码示例,展示了一层div嵌套另一层div时,如何确保点击上层div不会触发下层div的响应。
默认情况下,事件在h5页面会穿透传递,比如一div里面套一个div,点击上层div,下层div也会响应
要阻止事件穿透,使用event.stopPropagation();
代码示例:
<div @click="testout($event)>
<div @click="testin($event)"></div>
</div>
.......
testin(event) {
......
event.stopPropagation();
},
转载于:https://www.cnblogs.com/cowboybusy/p/11457587.html
1989

被折叠的 条评论
为什么被折叠?
