vue 實現頁面監聽鍵盤按鍵 上下左右

其實這個就算是快捷鍵的操作了，單純的按下一個按鍵監聽，目前也稍微簡單一點。

在 mounted 鈎子函數里面調用一個方法，讓頁面監聽鍵盤事件。

this.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) {
            // 按下右箭頭
          }
        }
      },

沒了，然后在相應的判斷里面執行自己的業務邏輯就可以了。