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

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

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

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


当前回答

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

$.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!');
})

其他回答

由于任何官方规范都没有涵盖按键事件,因此在使用它时遇到的实际行为可能会因浏览器、浏览器版本和平台而异。

$(文档).keydown(函数(事件){if(event.keyCode | | event.which===13){//如果需要,取消默认操作event.prpreventDefault();//调用函数、触发事件和您想做的一切。示例:单击按钮触发按钮元素$(“#btn”).触发器('click');}})<script src=“https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js“></script><button id=“btn”onclick=“console.log('button Pressed.')”></button>

我使用了$(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>

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

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

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

我认为最简单的方法是使用普通JavaScript:

document.onkeyup = function(event) {
   if (event.key === 13){
     alert("Enter was pressed");
   }
}
$(function(){
  $('.modal-content').keypress(function(e){
    debugger
     var id = this.children[2].children[0].id;
       if(e.which == 13) {
         e.preventDefault();
         $("#"+id).click();
       }
   })
});