如何防止在 jQuery 中提交 Enter 键？ [复制]答案

【问题标题】：How Do I Prevent Enter Key Submit in jQuery? [duplicate]如何防止在 jQuery 中提交 Enter 键？ [复制]
【发布时间】：2010-12-23 07:18:13
【问题描述】：

我想在<input> 字段中简单地按下 Enter 键，或者替代 Tab 键。我还没有决定哪个是最好的。

如何在 jQuery 中做到这一点？到目前为止我已经得到了这个：

$(document).ready(function(){
    ...
    //handle enter key
    $("input").keypress(function (e) {
        var k = e.keyCode || e.which;
        if (k == 13) {
            //???
        }
    });
});

（e.keyCode || e.which 部分在this question 中被推荐。）

我可以放什么来 (a) 取消事件或 (b) 强制按下 Tab 键？

【问题讨论】：

标签： jquery submit keypress forms

【解决方案1】：

使用 e.preventDefault() 您可以阻止默认操作，在这种情况下是提交表单。

【讨论】：

【解决方案2】：

或return false;:

$(document).ready(function(){
  ...
  //handle enter key
  $("input").keypress(function (e) {
      var k = e.keyCode || e.which;
      if (k == 13) {
          return false; // !!!
      }
  });
});

【讨论】：

【解决方案3】：

另外，如果您只想模仿下一个控件的选项卡，正如您所提到的，您可以尝试this method by jdsharp。

$(document).ready(function(){
...
//handle enter key
$("input").keypress(function (e) {
    var k = e.keyCode || e.which;
        if (k == 13) {
            $(this).focusNextInputField();
        }
    });
});

【讨论】：