事件修饰符@(stop, prevent, self, once, capture, passive)

事件修饰符在JavaScript中用于精细化控制事件行为,例如.stop防止事件冒泡,.prevent阻止默认行为,.self确保仅自身触发时执行,.capture改变事件传播方向,.once让事件只执行一次,而.passive优化滚动性能,避免等待回调执行。这些修饰符帮助开发者更精确地管理页面交互和性能。
摘要由CSDN通过智能技术生成

事件修饰符@(stop, prevent, self, once, capture, passive)

<div  @touchmove.prevent></div>

.stop:是阻止冒泡行为,不让当前元素的事件继续往外触发,如阻止点击div内部事件,触发div事件
.prevent:是阻止事件本身行为,如阻止超链接的点击跳转,form表单的点击提交
.self:是只有是自己触发的自己才会执行,如果接受到内部的冒泡事件传递信号触发,会忽略掉这个信号
.capture:是改变js默认的事件机制,默认是冒泡,capture功能是将冒泡改为倾听模式
.once:是将事件设置为只执行一次,如 .click.prevent.once 代表只阻止事件的默认行为一次,当第二次触发的时候事件本身的行为会执行
.passive:滚动事件的默认行为 (即滚动行为) 将会立即触发,而不会等待 onScroll 完成。这个 .passive 修饰符尤其能够提升移动端的性能。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值