面试的时候遇到一个问题需要用css 去阻止事件冒泡so 做个笔记css阻止冒泡.none{ pointer-events: none; cursor: default; opacity: 0.6;}jQuery阻止冒泡并兼容IE
if(event && event.stopPropagation)
{
event.stopPropagation(); // w3c 标准
}
else
{
event.cancelBubble =
true
; // ie 678 IE浏览器
}
vue阻止冒泡
<button
@click
=test($event)> vue阻止冒泡 </button>
methods:{
test
:function(event){
event.cancelBubble =
true
;
}
}
或者在标签中直接阻止 简便写法
<button
@click.stop
> vue阻止冒泡 </button>
{
添加一点知识点
<a v-on:click.stop="doThis"></a>
<form v-on:submit.prevent="onSubmit"></form>
<a v-on:click.stop.prevent="doThat"></a>
<form v-on:submit.prevent></form>
<div v-on:click.capture="doThis">...</div>
<div v-on:click.self="doThat">...</div>
@click.prevent.self 会阻止所有的点击，而 @click.self.prevent 只会阻止元素上的点击
}
转载于:https://www.cnblogs.com/king94Boy/p/11344860.html
相关资源：JAVA上百实例源码以及开源项目
