1、作用:在当前页截获键盘事件

  created () {
    this.keyDown();
  },
  beforeDestroy () {
    this.keyDownReview()
  },
  methods: {
    //按键恢复
    keyDownReview () {
      //监听键盘按钮
      document.onkeydown = function (event) {
        var e = event || window.event;
        e.returnValue = true;
      }
    },
    //按钮监听键盘
    keyDown () {
      //监听键盘按钮
      document.onkeydown = function (event) {
        var e = event || window.event;
        var keyCode = e.keyCode || e.which;
        switch (keyCode) {
          case 112://F1
            alert('F1')
            break;
          case 113://F2
            alert('F2')
            break;
          case 117://F6
            alert('F6')
            break;
          case 119://F8
            alert('F8')
            break;
          case 13://enter
            alert('enter')
            break;
          default:
            break;
        }
        if (e && e.preventDefault) {
          e.preventDefault();
        } else {
          window.event.returnValue = false;
        }
      }
    },
}

2、详细keyCode值列表

vue键盘事件监听_当前页

 vue键盘事件监听_监听键盘_02

 vue键盘事件监听_其他_03

 vue键盘事件监听_其他_04

 

vue键盘事件监听_键盘事件_05