修饰符 | 前缀 | 效果简述 |
---|---|---|
.passive | & | 明确我们没有取消这个默认事件,可以优化事件的执行,明确我们没有取消这个默认事件 |
.capture | ! | 执行事件冒泡时优先执行哪一个元素上的事件,执行完这个事件后,再开始从内到外冒泡 |
.once | ~ | 让浏览器知道我这个事件只执行一次 |
.capture.once 或 .once.capture | ~! | - |
.stop | – | 相当于event.stopPropagation()取消事件冒泡 |
.prevent | – | event.preventDefault()取消默认事件 |
.self | – | if(event.target !== event.currentTarget)return意思是如果我触发事件的源对象和该事件实际绑定的事件不一致时触发 |
.enter和.13 | – | .13相对于if(event.keyCode == 13)return 由于记住所有的keycode不现实就有了enter主要是对某个按钮起一个别名 |
修饰键: | ||
.ctrl, .alt, .shift, .meta | – | if (!event.ctrlKey) return (将 ctrlKey 分别修改为 altKey、shiftKey 或者 metaKey) |
vue中关于on的修饰符
最新推荐文章于 2023-02-22 20:45:29 发布