vue--监听键盘操作

create中(或是你触发键盘的方法中)

document.onkeydown = function(e) {
      // 在浏览器中ctrl+s的组合键有其他的用途,所以在这边重新定义的时候,需要关闭原组合键,下面的代码可屏蔽原快捷键。
      window.event.preventDefault()  

      let key = window.event.keyCode; // 获得keyCode
      if(key == 83 && e.ctrlKey) {  // 键盘组合操作:同时按下Ctrl+S
        _this.saveKey()  // 调用方法,saveKey:自定义方法名
      } else if(key == 115 && e.altlKey) {// 键盘组合操作:同时按下Alt+F4
        _this.outpageKey()
      } else if(key == 84) {
        _this.lineKey()
      }
  }

ps:上列的代码中key == 83/84/155等,83,84,115等都是键盘中对应的keycode值,百度keyCode值列表查看键盘对应的数字

你可能感兴趣的:(vue--监听键盘操作)