关于Vue事件处理器的含义

本文介绍了JavaScript中用于事件处理的五个修饰符:.stop防止事件冒泡,.prevent阻止默认行为,.capture实现事件捕获,.self确保事件仅在元素自身触发时执行,.once则让事件处理程序只执行一次。这些修饰符帮助开发者更精细地控制事件流程。

.stop: 不会一直传递,自己运行结束就结束了。就是js中的event.stopPropagation()的缩写,它是用来阻止冒泡的;

.prevent: 比如 submit 加了这个,就不会提交了。就是js中event.preventDefault()的缩写,它是用来阻止默认行为的;

.capture: 在传递的父子事件种,加了这个,无论先点哪个,都先执行这个。捕获事件和冒泡事件(默认)是两种事件流,事件捕获是从document到触发事件的那个元素;冒泡事件是从下向上的触发事件;

.self: 只有点击自己本身才会执行,点他的子元素也不会被传递。就是防止父元素(设置了该修饰符)的子元素的事件冒泡到父元素上,只有本身触发时才会执行事件处理程序(函数)

.once: 只执行一次。

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值