Javascript 按enter键后自动编号文本框
我的目标是当我在我的文本框上键入“1”,然后点击回车键时,另一个文本框将自动进行编号。例如: 我有3个文本框,在第一个文本框中键入1后 其他2个文本框的值将是2和3,依此类推。我怎样才能做到这一点Javascript 按enter键后自动编号文本框,javascript,html,Javascript,Html,我的目标是当我在我的文本框上键入“1”,然后点击回车键时,另一个文本框将自动进行编号。例如: 我有3个文本框,在第一个文本框中键入1后 其他2个文本框的值将是2和3,依此类推。我怎样才能做到这一点 您需要从第一个输入中删除只读,并将所有输入键入为编号 第二个和第三个输入自动递增1 const inputs=document.querySelectorAll(“输入”); 输入[0]。addEventListener(“键控”,e=>{ 让value=parseInt(即target.value
您需要从第一个
输入中删除只读
,并将所有输入
键入为编号
第二个和第三个输入自动递增1
const inputs=document.querySelectorAll(“输入”);
输入[0]。addEventListener(“键控”,e=>{
让value=parseInt(即target.value);
如果(如keyCode===13){
输入。forEach((inp,i)=>{
如果(i!==0){
inp.value=++值;
}
})
}
})
我们不需要在第一个字段上设置readonly
我更喜欢委托,ID必须是唯一的
const form=document.getElementById(“myForm”);
表格.添加的文本列表器(“按键”,功能(e){
常数tgt=e.target;
if(tgt.classList.contains(“表单控件”)&&tgt.type==“text”&&e.code==“Enter”){
设val=+tgt.value;
const inputs=tgt.closest(“form”).queryselectoral(“input.form控件”);
for(设i=0;i
ID必须是唯一的。您尝试过什么吗?学习用户事件在
上的工作方式很容易,学习如何获取和设置值也很容易。这非常有效。哇,太谢谢你了。真的很有帮助DBtw,我可以问你的答案和第二个回答我问题的人有什么不同吗?两者都完美地回答了我的问题。然而,我不知道有什么区别。@RainIe我的第一个建议是在更远的地方输入数字,比如第二栏。第二个与decpk相同,只是我使用一个类来选择输入,我使用e.code而不是e.keyCode,并使用+this.value而不是parseInt。否则它们是一样的。他解释说,只有这么多的方法可以剥下这只猫的皮。非常感谢。你还是接受了另一个答案…顺便问一下,我可以问你的答案和第二个回答我问题的人有什么不同吗?两者都完美地回答了我的问题。但是,我不知道有什么区别。谁先回答,这很重要。我已经在任何人面前回答了这个问题。解决问题的方法可能很多。所以姆普隆詹可能用了其他的方法。