Vue中监听/禁用键盘事件

在Vue中，已经为常用的按键设置了别名，这样我们就无需再去匹配keyCode，直接使用别名就能监听按键的事件。

另外，Vue中还支持组合写法：

示例：

created: function() {
    document.onkeydown = (e)=> {
        let key = window.event.keyCode;
        if(key == 119){
           console.log('监听F8按键')
        }else if(key == 120){
           console.log('监听F9按键')
        }else if(key == 121){
           console.log('监听F10按键')
        }
    };
}

禁用键盘事件

//在methods中
showkey() {
     document.onkeydown = function() {
         console.log(window.event.returnValue);
         if (window.event.keyCode == 116) {
             window.event.returnValue = false;
         }
         console.log(window.event.returnValue);
     };
},
//mounted中调用
mounted () {
    this.showkey()
}