“Vue 键盘事件”的版本间的差异
跳到导航
跳到搜索
Jihongchang（讨论 | 贡献） |
Jihongchang（讨论 | 贡献） |
||
| 第4行： | 第4行： | ||
* 原本的按键名可以通过 event.key 得到，可能和 vue 起的别名一样，但是大写字母开头；对于 vue 没有取别名的按键，可以通过原本的按键名 event.key 绑定事件，但要注意的是：对于像 CapsLock 这样两个单词组成的按键在绑定的时候要使用 kebab-case （短横线命名），变成 caps-lock 才能成功绑定 | * 原本的按键名可以通过 event.key 得到，可能和 vue 起的别名一样，但是大写字母开头；对于 vue 没有取别名的按键，可以通过原本的按键名 event.key 绑定事件，但要注意的是：对于像 CapsLock 这样两个单词组成的按键在绑定的时候要使用 kebab-case （短横线命名），变成 caps-lock 才能成功绑定 | ||
* 笔记本上 fn（function 功能键）是绑不了事件的 | * 笔记本上 fn（function 功能键）是绑不了事件的 | ||
| + | * 像 tab 键，最好绑定 @keydown 使用，因为本身 tab 有切换控件、让当前控件失去焦点的功能，所以如果绑定 @keyup，等到 tab 键起来的时候事件的发生已经不在控件里了，所以就不能被原先的控件捕获到了 | ||
2024年8月11日 (日) 03:19的版本
https://www.bilibili.com/video/BV1Zy4y1K7SH?p=16
- vue 给一些按键起了别名，是小写开头的
- 原本的按键名可以通过 event.key 得到，可能和 vue 起的别名一样，但是大写字母开头；对于 vue 没有取别名的按键，可以通过原本的按键名 event.key 绑定事件，但要注意的是：对于像 CapsLock 这样两个单词组成的按键在绑定的时候要使用 kebab-case （短横线命名），变成 caps-lock 才能成功绑定
- 笔记本上 fn（function 功能键）是绑不了事件的
- 像 tab 键，最好绑定 @keydown 使用，因为本身 tab 有切换控件、让当前控件失去焦点的功能，所以如果绑定 @keyup，等到 tab 键起来的时候事件的发生已经不在控件里了，所以就不能被原先的控件捕获到了