协慌网

登录 贡献 社区

如何使用 jQuery 检测键盘上的 Enter 键?

我想检测用户是否已使用 jQuery按下 Enter。

这怎么可能?需要插件吗?

编辑:看来我需要使用keypress()方法。

我想知道是否有人知道该命令是否存在浏览器问题 - 就像我应该知道的浏览器兼容性问题一样?

答案

jQuery 的全部要点是,您不必担心浏览器的差异。我很确定您可以放心地在所有浏览器中输入 enter 13。因此,请记住这一点:

$(document).on('keypress',function(e) {
    if(e.which == 13) {
        alert('You pressed enter!');
    }
});

我写了一个小插件,使绑定 “按 Enter 键” 事件更容易:

$.fn.enterKey = function (fnc) {
    return this.each(function () {
        $(this).keypress(function (ev) {
            var keycode = (ev.keyCode ? ev.keyCode : ev.which);
            if (keycode == '13') {
                fnc.call(this, ev);
            }
        })
    })
}

用法:

$("#input").enterKey(function () {
    alert('Enter!');
})

我无法使 @Paolo Bergantino 发布的代码正常工作,但是当我将其更改为$(document)e.which而不是e.keyCode我发现它可以正常工作。

$(document).keypress(function(e) {
    if(e.which == 13) {
        alert('You pressed enter!');
    }
});

链接到 JS Bin 上的示例