Vue项目中监听键盘操作(组合键)
在开发中遇到一个需求,就是用键盘组合键触发事件。//模拟组合键触发函数keyCodeForEvent(){let self = this;let code = 0;let code2 = 0;document.onkeydown = function(e){let evn = e || event ;let key = evn.keyCode || ...
·
在开发中遇到一个需求,就是用键盘组合键触发事件。
//模拟组合键触发函数
keyCodeForEvent(){
let self = this;
let code = 0;
let code2 = 0;
document.onkeydown = function(e){
let evn = e || event ;
let key = evn.keyCode || evn.which || evn.charCode ;
if(key === 17){
code = 1 ;
}
if(key === 13){
code2 = 1;
}
if(code === 1 && code2 === 1){
alert('Ctrl+Enter');
//do something
code = 0;
code2 = 0;
}
}
document.onkeyup = function(e){
if (e.keyCode === 17) {
code = 0;
}
if (e.keyCode === 13) {
code2 = 0;
}
}
}
将此函数放在mounted或者created中,可以实现对整个页面的监听。
更多推荐
已为社区贡献3条内容
所有评论(0)