Vue的键盘事件

作者: Sharp丶TJ | 来源:发表于2022-06-17 12:21 被阅读0次

1、Vue 中的按键别名:
回车 => enter
删除 => delete (捕获‘删除’和‘退格’键)
退出 => esc
空格 => space
换行 => tab
上 => up
下 =>down
左 => left
右 => right

2、Vue未提供别名的按键,可以使用按键原始的 key 值 去绑定,但是需要注意转换用短横线命名(比如:键盘上的:CAPSLOCK 。就需要转换为:caps-lock)

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

  • (1)配合keyup使用:按下修饰键的同时,再按下其他键,随后释放其他键,事件才会被触发
  • (2)配合keydown使用:正常触发事件。

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

keyCode MDN

5、Vue.config.keyCodes.自定义的键名 = 键码 也可以定制按键别名

相关文章

网友评论

    本文标题:Vue的键盘事件

    本文链接:https://www.haomeiwen.com/subject/cxwqvrtx.html