如何实现表单中的文本框,按回车后自动换到下一个文本框呀?

时间:2022-03-27 16:57:14
如何实现表单中的文本框,按回车后自动换到下一个文本框呀?
-------------------
现在在文本框中键入内容,都是用鼠标将焦点移到下一个文本框再输入,比较不方便。能不能一回车,焦点就到另一个文本框,
我不想用将回车变成tab键的办法,我想指定将焦点移到预定的文本框

9 个解决方案

#1


Tab方法是你用的不好吧.
你在每个文本框中加上下面的TAB编号.
再按TAB试试.

TabIndex="1"

回车键被系统默认为是submit提交了.所以不好实现.

#2


Tab方法是你用的不好吧.
你在每个文本框中加上下面的TAB编号.
再按TAB试试.

TabIndex="1"

回车键被系统默认为是submit提交了.所以不好实现.
----------------------
比如四个文本框,我想实现按下第四个文本框后,焦点再次移动第一个,而不是移动按钮上。
也就是说,按下哪个文本框后,会指定将焦点移动哪个文本框上,如何实现呀,谢谢先。

#3


<input type=text id=a name=aa onkeyup="focusInput(this.id)" value="1" >
<input type=text id=b name=bb onkeyup="focusInput(this.id)" value="2">
<input type=button id=cc name=bbg onkeyup="focusInput(this.id)" value="3">
<a href="asd">asd</a>
<input type=text id=c name=cc onkeyup="focusInput(this.id)" value="3">
<input type=text id=d name=dd onkeyup="focusInput(this.id)" value="4">
<input type=text id=e name=ee onkeyup="focusInput(this.id)" value="5">

<script language="javascript">
function focusInput(thisid)   
{
if (window.event.keyCode == 13)
{
var elements = document.getElementsByTagName("input");     
for (var i=0; i < elements.length; i++) 
{  
if (thisid== elements[i].id )
{
 (elements[i+1].focus());
  break;
}  
}
}
}
</script>

#4


js水平差,随便写了一个,你先看看,你自己再改改,关键是input 的id或者name不能重复

#5


当然你要把submit的取消,改为button后再点才能提交,否则不行

#6


<HTML>
<HEAD>
</HEAD>
<BODY>
<input type="text" onkeydown="if(event.keyCode==13)event.keyCode=9" />
<input type="text" onkeydown="if(event.keyCode==13)event.keyCode=9" />
<input type="text" onkeydown="if(event.keyCode==13)event.keyCode=9" />
<input type="text" onkeydown="if(event.keyCode==13)event.keyCode=9" />
</BODY>
</HTML>

#7


看错了,不好意思

#8


能不能一回车,焦点就到另一个文本框,
我不想用将回车变成tab键的办法,我想指定将焦点移到预定的文本框

----------------
那你是想要焦点到什么地方呢?

#9


学习

#1


Tab方法是你用的不好吧.
你在每个文本框中加上下面的TAB编号.
再按TAB试试.

TabIndex="1"

回车键被系统默认为是submit提交了.所以不好实现.

#2


Tab方法是你用的不好吧.
你在每个文本框中加上下面的TAB编号.
再按TAB试试.

TabIndex="1"

回车键被系统默认为是submit提交了.所以不好实现.
----------------------
比如四个文本框,我想实现按下第四个文本框后,焦点再次移动第一个,而不是移动按钮上。
也就是说,按下哪个文本框后,会指定将焦点移动哪个文本框上,如何实现呀,谢谢先。

#3


<input type=text id=a name=aa onkeyup="focusInput(this.id)" value="1" >
<input type=text id=b name=bb onkeyup="focusInput(this.id)" value="2">
<input type=button id=cc name=bbg onkeyup="focusInput(this.id)" value="3">
<a href="asd">asd</a>
<input type=text id=c name=cc onkeyup="focusInput(this.id)" value="3">
<input type=text id=d name=dd onkeyup="focusInput(this.id)" value="4">
<input type=text id=e name=ee onkeyup="focusInput(this.id)" value="5">

<script language="javascript">
function focusInput(thisid)   
{
if (window.event.keyCode == 13)
{
var elements = document.getElementsByTagName("input");     
for (var i=0; i < elements.length; i++) 
{  
if (thisid== elements[i].id )
{
 (elements[i+1].focus());
  break;
}  
}
}
}
</script>

#4


js水平差,随便写了一个,你先看看,你自己再改改,关键是input 的id或者name不能重复

#5


当然你要把submit的取消,改为button后再点才能提交,否则不行

#6


<HTML>
<HEAD>
</HEAD>
<BODY>
<input type="text" onkeydown="if(event.keyCode==13)event.keyCode=9" />
<input type="text" onkeydown="if(event.keyCode==13)event.keyCode=9" />
<input type="text" onkeydown="if(event.keyCode==13)event.keyCode=9" />
<input type="text" onkeydown="if(event.keyCode==13)event.keyCode=9" />
</BODY>
</HTML>

#7


看错了,不好意思

#8


能不能一回车,焦点就到另一个文本框,
我不想用将回车变成tab键的办法,我想指定将焦点移到预定的文本框

----------------
那你是想要焦点到什么地方呢?

#9


学习