Javascript 输入填充1整数时自动移动到下一个选项卡
如何在填充1个整数时移动到下一个输入字段。当我在输入字段中输入一个整数时,它不会移动到下一个输入字段Javascript 输入填充1整数时自动移动到下一个选项卡,javascript,jquery,keyup,Javascript,Jquery,Keyup,如何在填充1个整数时移动到下一个输入字段。当我在输入字段中输入一个整数时,它不会移动到下一个输入字段 jq=$ jq(“.pc”).keyup(函数(){ var nextItem=parseInt(this.id)+1; 控制台日志(nextItem); jq(this.next('.pc').focus(); }); pc不是兄弟姐妹,您需要找到父代,然后找到它的兄弟姐妹,找到.pc 所以您需要使用$(this.parent().next().find('.pc').focus() $(
jq=$
jq(“.pc”).keyup(函数(){
var nextItem=parseInt(this.id)+1;
控制台日志(nextItem);
jq(this.next('.pc').focus();
});代码>
pc
不是兄弟姐妹,您需要找到父代,然后找到它的兄弟姐妹,找到.pc
所以您需要使用$(this.parent().next().find('.pc').focus()代码>
$(“.pc”).on('keyup',function(){
const nextItem=parseInt(this.id)+1;
$(this.parent().next().find('.pc').focus();
控制台日志(nextItem);
});代码>
更改HTML时,此代码将起作用
我为您创建了此函数,并使用了onkeyup
事件
这将允许您在最后一次输入时禁用此操作
建议:在使用对象或元素时使用干净的名称,例如将pc
更改为personalCode
:p
这将在将来帮助您
函数jumpToNextPcInput(currentIndex){
currentIndex++;
document.getElementById('pc'+currentIndex).focus();
}
-“描述问题。”它不起作用“描述不足以帮助人们理解您的问题。相反,告诉其他读者预期的行为应该是什么。告诉其他读者错误消息的确切措辞,以及产生错误消息的代码行。用一个简短但描述性的问题摘要作为问题的标题。“jq(this).next('pc')
在旁边没有另一个元素。pc
所以next(.pc”)
是null
。解决这个问题的最快方法(不是最好的)是使用parent()
和find()
=>jq(this).parent().next().find('.pc')
删除值时会发生什么?值“
也是一个整数吗?感谢您的建议:)下次我将使用干净的名称。感谢您的回复,我将很快尝试此操作