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值列表查看键盘对应的数字

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容