Javascript 当用户按enter键时,是否关注下一个表单字段?

Javascript 当用户按enter键时,是否关注下一个表单字段?,javascript,events,onclick,key,Javascript,Events,Onclick,Key,有人能帮我吗 我有一个表单,一旦用户输入表单字段的值,我希望焦点转移到下一个字段 该表单是使用html和css创建的,理想情况下需要一个javascript事件来实现这一点 我已经试过了,玩了几个小时,但我似乎无法破解它,也无法让它发挥作用 我在下面附上了一些代码,向您展示我的进度。(只有html和javascript,没有CSS样式 任何帮助都将不胜感激 是否有一个明确的准备,为什么焦点没有转移到下一个领域 <script> // register jQuery extensio

有人能帮我吗

我有一个表单,一旦用户输入表单字段的值,我希望焦点转移到下一个字段

该表单是使用html和css创建的,理想情况下需要一个javascript事件来实现这一点

我已经试过了,玩了几个小时,但我似乎无法破解它,也无法让它发挥作用

我在下面附上了一些代码,向您展示我的进度。(只有html和javascript,没有CSS样式

任何帮助都将不胜感激

是否有一个明确的准备,为什么焦点没有转移到下一个领域

<script> 
// register jQuery extension
jQuery.extend(jQuery.expr[':'], {
focusable: function (el, index, selector) {
    return $(el).is('a, button, :input, [tabindex]');
 }
});

$(document).on('keypress', 'input,select', function (e) {
    if (e.which == 13) {
        e.preventDefault();
       // Get all focusable elements on the page
      var $canfocus = $(':focusable');
      var index = $canfocus.index(document.activeElement) + 1;
      if (index >= $canfocus.length) index = 0;
      $canfocus.eq(index).focus();
   }
  });

//注册jQuery扩展
extend(jQuery.expr[':']{
可聚焦:功能(el、索引、选择器){
return$(el).is('a,button,:input,[tabindex]');
}
});
$(文档).on('keypress','input,select',函数(e){
如果(e.which==13){
e、 预防默认值();
//获取页面上所有可聚焦的元素
变量$canfocus=$(':focusable');
var index=$canfocus.index(document.activeElement)+1;
如果(index>=$canfocus.length)index=0;
$canfocus.eq(index.focus();
}
});

好的,我会这样做的

var$inputs=$(“input”);//首先获取所有输入
$inputs.按键(功能(e){
如果(e.which==13){
e、 预防默认值();
var index=$inputs.index(this)+1;//获取输入的下一个索引
如果(索引<$inputs.length){//检查是否不是最后一次输入
$inputs.eq(index.get(0.focus();//下一步聚焦
}
}
});

请输入您的名字,以便我可以开始您的报价*

谢谢,请告诉我你的姓*

太棒了!请你给我你的电子邮件地址,这样我就可以发送你的报价文件给你*
不是这样的。

你有联系电话吗*

谢谢!您的企业名称是什么?如果您以自己的名义进行交易,那没关系-只需输入您的全名即可*

有时,我们可能希望与您联系,让您了解特别优惠和产品:* EmailPhoneTextNoneAll


Hi@Pete的可能重复项我已经看过了,但不一样。谢谢你的回答!:)怎么不一样?你有一个输入列表,你有一个按钮按下,你想专注于下一个输入-这与他们对用户输入的限制完全相同,而我的那个是询问信息而不是数字。keycode==46 | | keycode==8 | | keycode==37 | | | keycode==39 | | | | keycode>=48&&keycode是的,这并不完全相同,但它有你回答问题所需的所有部分-重复的问题不是完全重复的问题,它们是复制另一个问题的主要部分的问题