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

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

看起来我需要使用keypress()方法。

该命令是否存在浏览器问题?比如,是否存在我应该知道的浏览器兼容性问题?


当前回答

我使用了$(document).on(“keydown”)。

某些浏览器不支持keyCode。与which相同,因此如果不支持keyCode,则需要使用which,反之亦然。

$(document).on(“keydown”,函数(e){常量ENTER_KEY_CODE=13;const ENTER_KEY=“回车”;var代码=e.keyCode | | e.whichvar键=e.key如果(代码==ENTER_KEY_code||键==ENTER_BEY){console.log(“按下Enter键”)}});<script src=“https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js“></script>

其他回答

您可以使用jQuery“keydown”事件处理程序执行此操作:

$("#start").on("keydown", function(event) {
  if(event.which == 13)
    alert("Entered!");
});
$(function(){
  $('.modal-content').keypress(function(e){
    debugger
     var id = this.children[2].children[0].id;
       if(e.which == 13) {
         e.preventDefault();
         $("#"+id).click();
       }
   })
});

尝试此操作以检测按下的Enter键。

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

查看键盘上的演示@detect回车键

我编写了一个小插件,以便更容易地绑定“按下回车键”事件:

$.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!');
})
$(document).keyup(function(e) {
    if(e.key === 'Enter') {
        //Do the stuff
    }
});