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

时间:2023-03-08 17:35:50

键盘事件:

  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  只执行一次