在提交表单时禁用 Enter Keypress 并将其更改为选项卡

Question

在提交表单时禁用 Enter 按键并将其更改为选项卡

如何禁用表单提交按钮上的“enter keydown”键，因为在表单中，当我按下“enter”时，它将提交我的表单。

我希望我的 enter 变成“tab”，所以当我按下 enter 时，例如在

输入文本 id="text_1"，我想将其焦点更改为“small_1”（另一个文本字段），然后如果我在 small_1 再次按 Enter，我想将其焦点更改为 big_1

等等

我如何实现这一点，我尝试了 jquery autotab，但它不像我想要的那样工作。

Answer 1

添加一个方法来监视被按下的回车键（使用 jQuery）：

("#text_1").bind("keyup keypress", function(event){
    var code = event.keyCode || event.which; 
      if (code == 13)  {
          event.preventDefault();
          $('html, body').animate({
              scrollTop: $("#small_1").offset().top
          }, 2000);
          return false;
      }
});

("#small_1").bind("keyup keypress", function(event){
      var code = event.keyCode || event.which; 
      if (code == 13)  {
          event.preventDefault();
          $('html, body').animate({
              scrollTop: $("#big_1").offset().top
          }, 2000);
          return false;
      }
});

您可以使用 JavaScript 进行设置以检测元素（并在 for 循环中为 id 生成字符串），因此您不必为每个元素都执行这些操作，并且还可以更轻松地添加新元素.