vue.js阻止事件冒泡和默认事件
来源:互联网 发布:淘宝下拉菜单小图标 编辑:程序博客网 时间:2024/05/30 21:59
首先我们来看原生JS取消事件冒泡方法:
e.stopPropagation(); //非IE浏览器window.event.cancelBubble = true; //IE浏览器
原生JS阻止默认事件方法:
e.preventDefault(); //非IE浏览器window.event.returnValue = false; //IE浏览器
而vue.js给我们提供了更简便的方法,我们可以通过function($event)来获取事件对象,$event.target则是选择发生事件的目标元素:
//HTML<p @click="getEventTar($event)">Test</p>//JSgetEventTar(el){ console.log(el.target); //<p>Test</p>,这里就相当于通过原生JS获取DOM元素而后可以对其进行一些操作}
vue.js取消冒泡事件
//只需将click改成click.stop<p @click.stop="getEventTar($event)">Test</p>
vue.js阻止默认事件
//只需将click改成click.prevent<p @click.prevent="getEventTar($event)">Test</p>
阅读全文
0 0
- vue.js阻止事件冒泡和默认事件
- Vue 中阻止冒泡和默认事件
- js 阻止默认事件 和事件冒泡
- js事件冒泡、事件捕获和阻止默认事件详解
- js 阻止默认浏览器行为和阻止事件冒泡
- js阻止默认行为和阻止事件冒泡
- JS 阻止冒泡与阻止默认事件
- js /jquery停止事件冒泡和阻止浏览器默认事件
- vue事件对象、冒泡、阻止默认行为
- vue事件对象,冒泡,阻止默认行为
- vue--阻止冒泡、默认行为、键盘事件
- 阻止冒泡和默认事件
- 阻止事件冒泡、捕获、和默认事件
- 如何阻止事件冒泡和默认事件
- 如何阻止事件冒泡和默认事件
- JavaScript阻止事件冒泡和默认事件
- 如何阻止冒泡事件和默认事件
- 阻止默认事件行为和事件冒泡
- 常用linux命令实战
- C#实现本地文本日志
- dlib 18 android编译dlib库,运行matrix_ex demo
- C++关于指针、const、引用三者的体会
- php运行原理
- vue.js阻止事件冒泡和默认事件
- Selenium WebDriver API常用方法解释
- log4j的使用
- ES6学习笔记:字符串、正则、数值、函数和数组的扩展
- 32位程序如何使用ADO访问64位Oracle数据库[转]
- Activity的启动流程源码分析
- 有符号整型加法与乘法
- 编程之久除了算法和数据结构,什么也不属于我们
- Cas单点登录原理