vue中事件修饰符详解(stop, prevent, self, once, capture, passive)
2024-09-01 09:09:02
==.stop== 是阻止冒泡行为,不让当前元素的事件继续往外触发,如阻止点击div内部事件,触发div事件
==.prevent== 是阻止事件本身行为,如阻止超链接的点击跳转,form表单的点击提交
==.self== 是只有是自己触发的自己才会执行,如果接受到内部的冒泡事件传递信号触发,会忽略掉这个信号
==.capture== 是改变js默认的事件机制,默认是冒泡,capture功能是将冒泡改为倾听模式
==.once== 是将事件设置为只执行一次,如 .click.prevent.once 代表只阻止事件的默认行为一次,当第二次触发的时候事件本身的行为会执行
==.passive== 滚动事件的默认行为 (即滚动行为) 将会立即触发,而不会等待
onScroll
完成。这个 .passive 修饰符尤其能够提升移动端的性能。
.passive 和 .prevent 不能一起使用:
- .prevent 将会被忽略
.self 和 .stop 区别:
- self只响应当前元素自身触发的事件,不会响应经过冒泡触发的事件,并不会阻止冒泡继续向外部触发。
- stop是从自身开始不向外部发射冒泡信号
觉得有帮助的小伙伴点个赞~
最新文章
- SQLServer存储过程事务用法
- c# 利用结构体获取json数据
- node + nginx + mongo搭建负载均衡
- spring的bean管理
- B/S和C/S的区别
- myeclipse快速开发配置
- SharePoint 学习记事(一)
- UIlabel - 富文本属性
- The requested page cannot be accessed because the related configuration data for the page is invalid
- python文件_批量改名
- swift-switch使用方法
- 【java】反射简单示例
- 安装Windows Installer服务
- matlab sparse()
- [leetcode]381. Insert Delete GetRandom O(1) - Duplicates allowed常数时间插入删除取随机值
- CentOS7中热插拔硬盘如何读取新的硬盘
- 《Linux内核精髓:精通Linux内核必会的75个绝技》一HACK #12 使用Memory Cgroup限制内存使用量
- asp.net core 登录身份认证(Cookie)
- C++函数默认参数(转)
- xadmin 问题总结