vue键盘事件

键盘事件

1.键盘的常用事件

  @keydown(键盘按下时触发)，@keypress(键盘按住时触发)，@keyup(键盘弹起时触发)

2.获取键码

 
 let vm=new Vue({
  el:'#myApp',
  data:{ 
  },
  methods:{ 
      show(e){
          console.log(e.keyCode)//获取按键的键码
      },
  }
  });

3.按下某个键时触发事件

当按下“65”即“a”的时候，触发事件show();
vue2中内置了一些键位别名（enter，up，down，left，right），也可以触发事件，比如

4.自定义键位别名

Vue.config.keyCodes = {
     v: 86,
     f1: 112,(f1为浏览器的帮助快捷键，会有冲突，使用时alt+f1)
}

使用：