我正在使用带有 jQuery 的自动完成插件，它工作正常。但是，在 IE 中，当用户在自动完成中选择一个项目时，焦点不会移动到下一个输入字段。自然，它可以在 Firefox 中运行。该插件没有内置解决方案，但确实提供了“选项”。有没有办法强制它移动到下一个输入字段？
【问题讨论】：
| 。是的，在自动完成器中选择某些内容后，我需要它移动到下一个输入。 |
标签： javascript jquery autocomplete
你可以这样做：
$("input").change(function() {
var inputs = $(this).closest('form').find(':input');
inputs.eq( inputs.index(this)+ 1 ).focus();
});
此处发布的其他答案可能对您不起作用，因为它们取决于下一个输入是下一个同级元素，而通常情况并非如此。这种方法上升到表单并搜索下一个输入类型元素。
【讨论】：
JQuery UI 已经有了这个，在下面的示例中，如果我输入了最大字符数，我包含了一个 maxchar 属性来关注下一个可聚焦元素（输入、选择、文本区域、按钮和对象）
HTML：
text 1 <input type="text" value="" id="txt1" maxchar="5" /><br />
text 2 <input type="text" value="" id="txt2" maxchar="5" /><br />
checkbox 1 <input type="checkbox" value="" id="chk1" /><br />
checkbox 2 <input type="checkbox" value="" id="chk2" /><br />
dropdown 1 <select id="dd1" >
<option value="1">1</option>
<option value="1">2</option>
</select><br />
dropdown 2 <select id="dd2">
<option value="1">1</option>
<option value="1">2</option>
</select>
Javascript：
$(function() {
var focusables = $(":focusable");
focusables.keyup(function(e) {
var maxchar = false;
if ($(this).attr("maxchar")) {
if ($(this).val().length >= $(this).attr("maxchar"))
maxchar = true;
}
if (e.keyCode == 13 || maxchar) {
var current = focusables.index(this),
next = focusables.eq(current+1).length ? focusables.eq(current+1) : focusables.eq(0);
next.focus();
}
});
});
【讨论】：
山姆的意思是：
$('#myInput').focus(function(){
$(this).next('input').focus();
})
【讨论】：
尝试使用类似的东西：
var inputs = $(this).closest('form').find(':focusable');
inputs.eq(inputs.index(this) + 1).focus();
【讨论】：
为什么不简单地给出你想跳转到一个id的输入字段并做一个简单的焦点
$("#newListField").focus();
【讨论】：
使用eq 获取特定元素。
关于index的文档
$("input").keyup(function () {
var index = $(this).index("input");
$("input").eq(index + 1).focus();
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="text" maxlength="1" />
<input type="text" maxlength="1" />
<input type="text" maxlength="1" />
<input type="text" maxlength="1" />
<input type="text" maxlength="1" />
<input type="text" maxlength="1" />【讨论】：
您能否发布一些 HTML 作为示例？
同时，试试这个：
$('#myInput').result(function(){
$(this).next('input').focus();
})
这是未经测试的，所以它可能需要一些调整。
【讨论】：
我刚刚编写了一个 jQuery 插件，可以满足您的需求（很恼火我自己找不到安迪解决方案（tabStop -> http://plugins.jquery.com/tabstop/）
【讨论】：
function nextFormInput() {
var focused = $(':focus');
var inputs = $(focused).closest('form').find(':input');
inputs.eq(inputs.index(focused) + 1).focus();
}
【讨论】：
你可以使用
$(document).on("keypress","input,select",function (e) {
e.preventDefault();
if (e.keyCode==13) {
$(':input).eq($(':input').index(this) + 1)').focus();
}
});
【讨论】：
如果您在脚本中使用 event.preventDefault() 则将其注释掉，因为 IE 不喜欢它。
【讨论】：
最简单的方法是将它从标签索引中一起删除：
$('#control').find('input[readonly]').each(function () {
$(this).attr('tabindex', '-1');
});
我已经在几个表单上使用了它。
【讨论】：
这就是我的情况。性能密集度可能较低。
$('#myelement').siblings('input').first().focus();
【讨论】：
var inputs = $('input, select, textarea').keypress(function (e) {
if (e.which == 13) {
e.preventDefault();
var nextInput = inputs.get(inputs.index(this) + 1);
if (nextInput) {
nextInput.focus();
}
}
});
【讨论】：
onchange="$('select')[$('select').index(this)+1].focus()"
如果您的下一个字段是另一个选择，这可能会起作用。
【讨论】：