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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM