美文网首页
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) {

                // 按下右箭头

              }

            }

          }

    相关文章

      网友评论

          本文标题:vue 实现页面监听键盘按键

          本文链接:https://www.haomeiwen.com/subject/tolgqdtx.html