页面上的 HTML 有 20 个<input> 字段，每个字段都按从 1 到 20 的递增顺序命名并指定 ID。
如果变量id 设置为下一个连续的id (id + 1)，此函数将导致焦点应用于该字段。但是，在当前输入框外点击时，如果输入的数字大于 10，则最后一个输入框不会重新获得焦点，但会显示警报。
$(":input").focusout(function(){
var input = $(this).val();
var id = $(this).attr('id');
if(input > 10){
alert('You must enter a number between 0 and 10 '+id);
$("#"+id).select();
}
});
如何将最后一个输入字段设置为重新获得焦点？
【问题讨论】：
标签： javascript jquery
尝试替换：
$("#"+id).select();
与：
$(this).focus();
在这种情况下，$("#"+id) 和 $(this) 是同一个元素，我假设您想在出现错误时使用 focus 元素。
除此之外：我不相信 id 或 name 值可以合法地以数字开头，您可能希望在它们前面加上 option1、option2 等前缀。它可能有效，但是它还可能导致以后难以调试的问题。最好在谨慎和最佳实践方面犯错。
What are valid values for the id attribute in HTML?
编辑：在无法让focus() 工作后，我尝试使用setTimeout 并且能够实现它。我不确定为什么，或者这是否真的有必要，但它似乎有效。
$(":input").focusout(function(){
var $this = $(this),
input = $this.val();
if (input > 10){
alert('You must enter a number between 0 and 10');
setTimeout(function(){
$this.focus();
}, 1);
}
});
我很想听听是否有更好的方法或解释。我怀疑 blur 和 focus 事件的触发顺序没有使之前的方法成为可能？
演示：http://jsfiddle.net/zRWV4/1/
正如 cmets 中所述，您最终应该确保该值是具有 parseInt 或类似名称的整数（您似乎已经意识到这一点）。
【讨论】：
focus() 在函数上下文之外工作。我希望你能找到解决方案，我无法解释。
替换
$("#"+id).select();
通过
$("#"+id).focus();
甚至通过
$(this).focus();
【讨论】：
您应该解析输入中的文本以将其与数字进行比较。 var input = parseInt($(this).val());
'
$(":input").blur(function(){
var input = parseInt($(this).val());
var id = $(this).attr('id');
if(input > 10){
alert('You must enter a number between 0 and 10 '+id);
$("#"+id).select();
}
});
【讨论】：
（尝试使用.blur() 而不是.focusout()。但这可能无济于事）
尝试暂时删除alert() - 它有时会导致焦点问题...
【讨论】：
alert()一段时间-它有时会导致焦点问题...
这是我的代码，我将解释我所做的更改：
$('input[id^="input"]').focusout(function(){
var selected = parseInt($(this).val(), 10);
if (selected <= 10) {
$("#input-"+selected).focus();
}
else {
alert('Invalid Argument! 1-10 only!');
$(this).focus();
}
});
focus() 而不是 select()，这不起作用。id 与select 混淆，导致您总是尝试选择$("#input-IDOFSELECTIONINPUT") 而不是$("#input-IDOFWANTEDINPUT") $("#"+id).select();) 置于不想要的条件 (input > 10) 中，这实际上从未给它机会。【讨论】：
alert() 对话框中。