vue 实现页面监听键盘按键

在 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