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

722 ℃

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编程工具
es6如何从数组中找到指定值
php中使用高德地图API实现地名模糊搜索
如何在Git中设置远程仓库别名?代码示例
如何用PHP调用摄像头进行身份证识别
网站SEO优化中有哪些提高网站优化的技巧?