Vue按键修饰符常用按键对应keyCode

keyCode值及对应按键

keyCode按键
48-570-9
65-90a-z/A-Z
112-135F1-F24
8BackSpace(退格)
9Tab
13Enter(回车)
20Caps_Lock(大写锁定)
32Space(空格键)
37Left(左箭头)
38Up(上箭头)
39Right(右箭头)
40Down(下箭头)

 

VUE中为常用按键设置的别名

别名按键
.deletedelete(删除)/BackSpace(退格)
.tabTab
.enterEnter(回车)
.escEsc(退出)
.spaceSpace(空格键)
.leftLeft(左箭头)
.upUp(上箭头)
.rightRight(右箭头)
.downDown(下箭头)
.ctrlCtrl
.altAlt
.shiftShift
.metawindows中为window键,mac中为command键

 

使用Element-UI时,需要使用.native修饰符,如:@keyup.enter.native="dosth"

 

Vue中支持组合写法,如:@keyup.alt.67=”dosth” 为 Alt + C

posted @ 2022-04-05 15:46  JasonBorn  阅读(535)  评论(0编辑  收藏  举报