Javascript 在表单提交时禁用Enter键;将其改为选项卡

Javascript 在表单提交时禁用Enter键;将其改为选项卡,javascript,jquery,html,forms,Javascript,Jquery,Html,Forms,在表单提交时禁用Enter键并将其改为选项卡 如何禁用表单提交按钮上的“回车键”键,因为在表单中,当我按下“回车”键时,它将提交我的表单 我希望我的输入改为“tab”,所以当我按enter键时,例如在 输入text id=“text_1”,我想可能会将其焦点更改为“small_1”(另一个文本字段),然后如果我在small_1再次按enter键,我想将其焦点更改为big_1 等等 如何实现这一点,我尝试了jquery autotab,但它的工作方式与我想要的不一样。添加一个方法以监视按下ente

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

如何禁用表单提交按钮上的“回车键”键,因为在表单中,当我按下“回车”键时,它将提交我的表单

我希望我的输入改为“tab”,所以当我按enter键时,例如在

输入text id=“text_1”,我想可能会将其焦点更改为“small_1”(另一个文本字段),然后如果我在small_1再次按enter键,我想将其焦点更改为big_1

等等


如何实现这一点,我尝试了jquery autotab,但它的工作方式与我想要的不一样。

添加一个方法以监视按下enter键(使用jquery):


您可以使用JavaScript设置这些元素来检测元素(并在for循环中为ID生成字符串),这样您就不必对每个元素都执行这些操作,而且还可以更轻松地添加新元素。

我无法测试您的解决方案,因为当我按enter键时,它只需形成submit,因为我的submit按钮位于页面顶部。inside tag这应该通过
preventDefault()
来防止。很抱歉,我发现了问题。这里解释:我将编辑我的答案来解决这个问题。我有一个问题,如果我在大1点按enter键,我想把注意力集中到小1点,但我看到你的答案小1点,然后小1点。偏移顶部,输入仍然没有禁用。对不起,这是一个拼写错误,我会解决它。
("#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;
      }
});