文章目录

• 事件修饰符

• prevent
• stop
• once
• capture
• self
• passive
• 如何使用

• 按键事件

• 常用按键
• 系统修饰符
• 注意事项

事件修饰符

prevent

阻止默认事件（常用）

stop

阻止事件冒泡

once

事件只触发一次

capture

self

只有 event.target 是当前操作的元素才触发事件

passive

事件的默认行为立即执行，无需等待事件回调执行完毕

如何使用

<button @click.事件修饰符='xxx'><button>

按键事件

常用按键

回车 => enter

删除 => delete

空格 => esc

换行 => space

上 => up

下=> down

左 => left

右 => right

系统修饰符

ctrl, alt , shift , meta

1.配合keyup使用：按下修饰键的同时，再按下其他键，随后释放其他键，事件才能触发

2.配合keydown使用：正常触发事件

注意事项

vue未提供别名的按键，可以使用按键的原始的key值去绑定，但注意要转为kebab——case