键盘事件

Last updated Unknown

• Vue

• 数据代理

Vue中的事件修饰符

1. prevent 阻止默认事件（常用）
2. occlusive 阻止事件冒泡（常用）
3. once 事件只触发一次（常用）
4. capture 使用事件的捕获模式
5. self 只有event.target是当前操作的元素时才触发事件
6. passive 事件的默认行为立即执行，无需等待事件回调执行完毕

• 修饰符可以连续写，比如可以这么用：@click.prevent.stop="showInfo"

• 键盘上的每个按键都有自己的名称和编码，例如：Enter（13）。而Vue还对一些常用按键起了别名方便使用

1. Vue中常用的按键别名

• 回车enter
• 删除delete捕获“删除”和“退格”键
• 退出esc
• 空格space
• 换行tab特殊，必须配合keydown去使用
• 上up
• 下down
• 左left
• 右right