前端web網頁中,我們可以利用JS來監聽用戶鍵盤按鍵的操作,來實現網頁上的一些JS特效。比如按回車鍵登錄,在右鍵翻頁等等。

JS監聽鍵盤事件

keydown:表示用戶按下按鍵時觸發的事件

keyup:表示用戶按下按鍵盤抬起時發生的動作

keypress:表示用戶摁下摁鍵,并且產生一個字符時發生的動作

代碼示例:

jquery(jq)監聽鍵盤事件

国产视频app按下鍵盤的按鍵時,會彈出被按下按鍵的對應的鍵碼值

$(document).keydown(function (e) {
    alert(e.keyCode);
});

原生JS監聽鍵盤按鍵事件

国产视频app監聽鍵盤上 上 下 在 右 四個按鍵,并彈出提示

document.onkeydown = function (event) {
    var e = event || window.event || arguments.callee.caller.arguments[0];
    if (e && e.keyCode == 40) { 
        alert('下鍵');
    }
    if (e && e.keyCode == 37) { 
        alert('左鍵');
    }
    if (e && e.keyCode == 39) { 
        alert('右鍵');
    }
    if (e && e.keyCode == 38) { 
        alert('上鍵');
    }
};

鍵盤按鍵對應的鍵碼值

數字鍵與功能鍵對應鍵碼值

鍵盤按鍵對應的鍵碼值

字母和數字對應的鍵碼值

鍵盤按鍵對應的鍵碼值

控制鍵鍵碼值