在 mounted 鈎子函數里面調用一個方法,讓頁面監聽鍵盤事件。
this.keyDown()
添加頁面事件監聽。
// 監聽鍵盤
keyDown() {
document.onkeydown = (e) => {
//事件對象兼容
let e1 = e || event || window.event || arguments.callee.caller.arguments[0]
console.log(e1.keyCode);
//鍵盤按鍵判斷:左箭頭-37;上箭頭-38;右箭頭-39;下箭頭-40
if (e1 && e1.keyCode == 37) {
// 左箭頭
this.handlePerPage()
} else if (e1 && e1.keyCode == 39) {
// 右箭頭
this.handleNextPage()
// } else if (e1 && e1.keyCode == 38) {
// // 上箭頭
// this.handlePerPage()
// } else if (e1 && e1.keyCode == 40) {
// // 下箭頭
// this.handleNextPage()
// } else if (e1 && e1.keyCode == 27) {
// // Esc
}
}
},
最后在相應的判斷里面執行自己的業務邏輯就可以了。。。
轉載:https://www.cnblogs.com/wjw1014/p/14866774.html