美文网首页
vue 实现页面监听键盘按键

vue 实现页面监听键盘按键

作者: 喜欢走弯路的人 | 来源:发表于2022-12-25 15:07 被阅读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) {

            // 按下右箭头

          }

        }

      }

相关文章