Vue 的常用的按键修饰符与系统修饰键

9个比较常用的按键修饰符：

.enter
.tab (必须配合keydown事件使用。)
.delete(捕获"删除"和"退格"键）
esc
space
up
down
left
.right

怎么获取某个键的按键修饰符？
第一步：通过 event.key 获取这个键的真实名字。
第二步：将这个真实名字以 kebab-case 风格进行命名。
pagedown 是真实名字。经过命名之后：page-down

 

 

语法参考：（getinfo 是文件函数名称，不用管）

按键修饰符的自定义：通过vue的全局配置对象config来进行按键修饰符的自定义。

语法规则：Vue.config.keyCodes.按键修饰符的名字 = 键值

注意：以下为例子（需要在 script 标签里撰写）

系统修饰键：4个比较特殊的键
ctrl、alt、shift、meta

对于 keydown 事件来说：只要按下 ctrl 键，keydown 事件就会触发。
对于 keyup 事件来说：需要按下 ctrl 键，并且加上按下组合键，然后松开组合键之后， keyup 事件才能触发。

meta 键是什么？（下图）

扩展：

按下 ctrl + i 就执行【getinfo】函数的功能（getinfo 是文件函数名称，不用管）

（ctrl + j 就 .j）这个是自定义键盘按键的

该文章为笔记，教程为动力节点的老杜Vue视频教程，Vue2 Vue3实战精讲
视频链接：https://www.bilibili.com/video/BV17h41137i4?p=1&vd_source=2136c732ce8d5a3f412e2f7064285cb7