如何在jQuery中阻止Enter key Submit?

时间:2009-12-04 15:59:41

标签: jquery submit keypress html-form

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

我如何在jQuery中执行此操作?到目前为止我已经有了这个:

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

this question建议使用e.keyCode || e.which部分。)

我可以在哪里(a)取消活动,或者(b)强制按Tab键?

3 个答案:

答案 0 :(得分:14)

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

答案 1 :(得分:8)

return false;

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

答案 2 :(得分:2)

此外,如果您想模拟下一个控件的标签,正如您所提到的,您可以尝试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();
        }
    });
});