1、监听方法
// 监听键盘
keyDown() {
document.onkeydown = (e) => {
//事件对象兼容
let e1 = e || event || window.event || arguments.callee.caller.arguments[0]
//键盘按键判断:左箭头-37;上箭头-38;右箭头-39;下箭头-40
//左
if (e1 && e1.keyCode == 37) {
// 按下左箭头
EventBus.$emit('LookBackOne',this.selectConcept.id)
} else if (e1 && e1.keyCode == 39) {
// 按下右箭头
EventBus.$emit('LookNextOne',this.selectConcept.id)
}
}
},
2、在mounted 钩子函数中调用
this.keyDown()
3、组合建文章来源:https://www.toymoban.com/news/detail-605621.html
if (e1.ctrlKey && e1.keyCode == 37) {
// 按下(ctrl+左)箭头
EventBus.$emit('LookBackOne',this.selectConcept.id)
} else if (e1.ctrlKey && e1.keyCode == 39) {
// 按下(ctrl+右)箭头
EventBus.$emit('LookNextOne',this.selectConcept.id)
}
键盘keyCode:https://www.toptal.com/developers/keycode/for/arrow-left文章来源地址https://www.toymoban.com/news/detail-605621.html
到了这里,关于Vue页面监听 键盘按键的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!