Vue中键盘事件

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

键盘事件：

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