美文网首页
Vue中监听键盘事件

Vue中监听键盘事件

作者: 辣子_ | 来源:发表于2020-11-22 12:52 被阅读0次

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

Vue中:

<input @keyup.enter="function">

别名 实际键值
.delete delete(删除)/BackSpace(退格)
.tab Tab
.enter Enter(回车)
.esc Esc(退出)
.space Space(空格键)
.left Left(左箭头)
.up Up(上箭头)
.right Right(右箭头)
.down Down(下箭头)
.ctrl Ctrl
.alt Alt
.shift Shift
.meta (window系统下是window键,mac下是command键)

另外,Vue中还支持组合写法:
组合写法 按键组合:
@keyup.alt.67=”function” Alt + C
@click.ctrl=”function” Ctrl + Click

参考:https://blog.csdn.net/xiaxiangyun/article/details/80404768

相关文章

网友评论

      本文标题:Vue中监听键盘事件

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