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

741 ℃

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,我们会在看到邮件的第一时间内为您处理!

Trae:新一代免费的AI编程工具
wordpress如何修改后台登陆地址(防止被黑)
缓存机制Cache-Control有哪些header字段
织梦DEDECMS系统中自定义变量的修改方法
dede游客投稿,游客投稿自动审核并生成HTML的方法
Python语法出现keyerror错误解决方法