当前位置:   article > 正文

Vue和Js的阻止事件冒泡和阻止默认事件方法_vue element弹窗阻止默认事件

vue element弹窗阻止默认事件

原生js取消事件冒泡

  1. try{
  2. e.stopPropagation();//非IE浏览器
  3. }
  4. catch(e){
  5. window.event.cancelBubble = true;//IE浏览器
  6. }

原生js阻止默认事件

  1. if ( e && e.preventDefault ) {
  2. e.preventDefault()//非IE浏览器
  3. } else { window.event.returnValue = false; } //IE浏览器

vue.js取消事件冒泡

<div @click.stop="doSomething($event)">vue取消事件冒泡</div>
<div @click.prevent="doSomething($event)">vue阻止默认事件</div>

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Monodyee/article/detail/79382
推荐阅读