jquery键盘事件及keycode大全

最新推荐文章于 2025-10-17 14:42:42 发布

转载最新推荐文章于 2025-10-17 14:42:42 发布 · 879 阅读

Html+Javascript 专栏收录该内容

260 篇文章

订阅专栏

本文详细介绍了jQuery中的三种键盘事件：keypress、keydown和keyup，并提供了具体的使用案例，包括如何通过键盘事件实现页面操作，如返回上一页和响应特定按键。

jquery的键盘事件分为keypress、keydown和keyup事件

一、键盘事件

1、keypress()事件

keypress 当按钮被按下时，会发生该事件，我们可以理解为按下并抬起同一个按键。

2、keydown()事件

当按钮被按下时，发生 keydown 事件。

3、keyup事件

keyup 事件会在按键释放时触发，也就是你按下键盘起来后的事件

二、通过键盘事件可以进行相应操作

//键盘操作
var docu = document.getElementsByTagName('document');

docu.onkeydown = function(event) {
    if (event.keyCode == 116) {
        event.preventDefault();
        window.history.go( - 1); //返回上一页                
    }
}

$(document).keydown(function(event) {
    if (event.ctrlKey && event.keyCode == 13) {
        alert('Ctrl+Enter');
    };
    switch (event.keyCode) {
    case 37:
        alert('方向键-左');
        break;
    case 39:
        alert('方向键-右');
        break;
    };
    return false;
});