原生js取消事件冒泡
try{
e.stopPropagation();//非IE浏览器
}
catch(e){
window.event.cancelBubble = true;//IE浏览器
}
原生js阻止默认事件
if ( e && e.preventDefault ) {
e.preventDefault()//非IE浏览器
} else { window.event.returnValue = false; } //IE浏览器
vue.js取消事件冒泡
<div @click.stop="doSomething($event)">vue取消事件冒泡</div>
<div @click.prevent="doSomething($event)">vue阻止默认事件</div>
本文介绍了如何使用原生JavaScript取消事件冒泡及阻止默认事件的方法,并展示了Vue.js中实现相同功能的语法糖。对于原生JS,通过e.stopPropagation()及window.event.cancelBubble=true实现取消事件冒泡;通过e.preventDefault()及window.event.returnValue=false阻止默认事件。Vue.js则提供了@click.stop及@click.prevent修饰符简化操作。
1311

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



