vue键盘事件

217 阅读1分钟

1.vue中常用的按键别名:

- 回车=》enter

- 删除 =》delete(捕获“删除”和“退路”)

- 退出 =》esc

- 空格 =》space

- 换行 =》tab(特殊 必须配合 keydown 使用)

- 上 =》up

- 下 =》down

- 左 =》left

- 右 =》right

2.vue未提供别名的按键,可以使用按键原始的key值去绑定,但注意要转为kebab-case(短横线命名法)

例如:caps-lock

3.系统修饰符(用法特殊):ctrl、alt、shift、meta

3.1.配合keyup使用:按下修饰键的同时,再按下其他键,随后释放其他键,事件才被触发。

3.2.配合keydown使用:正常触发事件。

4.也可以使用keycode去指定具体的按键(不推荐)

5.vue.config.keycode.自定义键名 = 键码, 可以去定制按键别名