vue 实现页面监听键盘按键
2022-12-25 本文已影响0人
喜欢走弯路的人
1.在 mounted 钩子函数里面调用keyDown方法，让页面监听键盘事件。
this.keyDown()
2、在methods中添加keyDown方法，然后接下来的工作就是监听。
keyDown() { // 监听键盘
document.onkeydown = (e) => {
//事件对象兼容
let e1 = e || event || window.event || arguments.callee.caller.arguments[0]
//键盘按键判断:左箭头-37;上箭头-38；右箭头-39;下箭头-40
//左
if (e1 && e1.keyCode == 37) {
// 按下左箭头
} else if (e1 && e1.keyCode == 39) {
// 按下右箭头
}
}
}
