禁用在表单上输入Keypress提交&将其更改为选项卡

时间:2014-08-28 14:12:04

标签: javascript jquery html forms

禁用在表单上输入Keypress提交&将其更改为选项卡

如何禁用密钥"输入keydown"在表单提交按钮上,因为在表单中,当我按下"输入"时,它将提交我的表单。

我希望我的输入成为" tab"相反,所以当我在

按回车时

输入文字ID =" text_1",我想将其重点更改为" small_1" (另一个文本字段),然后如果我再次在small_1处按Enter键,我想将其重点改为big_1

等等

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

1 个答案:

答案 0 :(得分:0)

添加一个方法来监视被按下的回车键(使用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生成字符串),这样您就不必为每个元素执行这些操作,并且还可以更轻松地添加新元素