我的解决办法简单粗暴,直接在vue项目文件中的app.vue文件内,监听shift的键盘按下抬起事件,改变当前整个项目的userSelect样式即可
代码如下:
mounted(){
addEventListener("keydown", this.keyDown, false);
addEventListener("keyup", this.keyUp, false);
},
beforeDestroy() { //解绑
removeEventListener("keydown", this.keyDown);
removeEventListener("keyup", this.keyUp);
},
// 为了禁止shift时选中表格内文字
keyDown(event) {
let key = event.keyCode;
if (key == 16) {
document.getElementById('app').style.userSelect = 'none'
}
},
keyUp(event) {
let key = event.keyCode;
if (key == 16) {
document.getElementById('app').style.userSelect = 'text'
}
},