vue 添加ctrl+s快捷键
记下来 自己看 首先阻止浏览器的默认事件//阻止浏览器默认事件 document.addEventListener('keydown',this.handleEvent) handleEvent(event){ if (event.keyCode === 37) { console.l...
记下来 自己看
首先阻止浏览器的默认事件
//阻止浏览器默认事件
document.addEventListener('keydown',this.handleEvent)
handleEvent(event){
if (event.keyCode === 37) {
console.log('拦截到37');
this.switchBno(false);//自己的方法 37=←
event.preventDefault();
event.returnValue = false;
return false;
}else if(event.keyCode === 39){
console.log('拦截到39');
this.switchBno(true);//39=→
event.preventDefault();
event.returnValue = false;
return false;
}else if(event.keyCode === 83 && event.ctrlKey){
console.log('拦截到83+ctrl');//ctrl+s
this.saveData();
event.preventDefault();
event.returnValue = false;
return false;
}else if(event.keyCode === 81 && event.ctrlKey){
console.log('拦截到Q+ctrl');
this.addWatermark();//ctrl+q
event.preventDefault();
event.returnValue = false;
return false;
}
},
event.preventDefault(); event.returnValue = false; 可能也不需要写
//需要销毁事件 防止全局生效
document.removeEventListener('keydown', this.handleEvent);
更多推荐
所有评论(0)