Vue3 v-on 事件监听 修饰符

事件修饰符

只能对原生的 DOM 事件起作用的修饰符：
.stop 组织事件冒泡传播
.prevent 阻止浏览器默认行为

如：a链接跳转页面，form submit会刷新页面，鼠标右键弹出菜单等

.capture 事件捕获模式
.self 当event.target是当前元素自身时触发

---

.once 只会触发一次
.passive 对应addEventListener 中的 passive 选项

.passive 会告诉浏览器你不想阻止事件的默认行为

按键修饰符

常用的键别名：
.enter
.tab
.delete (捕获“删除”和“退格”键)
.esc
.space
.up
.down
.left
.right

系统修饰符：
.ctrl
.alt
.shift
.meta win or

.exact 当且仅当注册的系统修饰符参与时，才会触发事件； 没有注册时同理。

鼠标修饰符：
.left
.right
.middle