Vue中监听 键盘事件及修饰符

2023-05-25,,

键盘事件

  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 ( 下箭头 )

  别名按键设置

.delete            删除
.tab                 Tab
.enter              回车
.esc                退出
.space            空格
.left                 左箭头
.right               右箭头
.down             上箭头
.up                  下箭头
.ctrl                 Ctrl
.alt                  Alt
.shift               Shift  

  修饰符

.stop   阻止事件冒泡 (等同于JavaScript中的event.stopPropagation()
.prevent   阻止默认行为 (等同于JavaScript中的event.preventDefault()
.self   当事件在该元素本身触发回调
.capture  触发事件捕获
@once  只执行一次

Vue中监听 键盘事件及修饰符的相关教程结束。

《Vue中监听 键盘事件及修饰符.doc》

下载本文的Word格式文档,以方便收藏与打印。