vue如何设置事件冒泡和默认事件

702 ℃

vue如何设置事件冒泡默认事件,下面web建站小编给大家详细介绍一下实现代码!

vue.js取消事件冒泡

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

原生js取消事件冒泡

try{
  e.stopPropagation();//非IE浏览器
}
catch(e){
  window.event.cancelBubble = true;//IE浏览器
}

vue.js阻止默认事件

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

原生js阻止默认事件

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

什么是事件冒泡,jquery如运用

标签: 事件冒泡, 默认事件

上面是“vue如何设置事件冒泡和默认事件”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_3023.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

帝国CMS栏目如何设置随机推荐
hbuilder开发去掉系统状态栏(打包的app显示全凭全屏)
layui表单如何实现单行和多行(自动换行)
网站优化策略之内链优化
javascript如何利用WebSocket对象实现Ping命令的实时通信