HTML中怎样按一下回车键,就使光标跳到下一个输入框,而不是提交

sungirls 2005-04-04 04:57:51

...全文

1280 35 打赏收藏转发到动态举报

写回复

用AI写文章

35 条回复

切换为时间正序

请发表友善的回复…

发表回复

rui0263 2005-05-02

打赏
举报

给你的每一个Text框设定一个ID，
<input type="text" name="text1" id="1">
<input type="text" name="text2" id="2">
<input type="text" name="text3" id="3">

<script language="JavaScript">
function keyEnter(){
在keyEnter里面判断当前焦点是否在Text框里
如果是把焦点设定在另一个Text框ID上，就可以了
}
document.onkeydown =keyEnter;
</script>

「已注销」 2005-04-29

打赏
举报

完整的例子，最后提交的时候，不用点鼠标，直接敲回车就可以提交
<html>
<head>
<script language="javascript">
function keyEnter()
{
if (event.keyCode == 13)
{
event.keyCode = 9;
}
}
document.onkeydown =keyEnter;
</script>
</head>
<body>
<form name="main" action="xx.htm">
<tr>
<td><input type="text" name="text1"></td>
</tr>
<br/>
<tr>
<td><input type="text" name="text2"></td>
</tr>
<br/>
<tr>
<td><input type="button" name="submit1" value="Ìá½»" onFocus=" main.submit()"></td>
</tr>
</form>
</body>
</html>

raykiwang 2005-04-29

打赏
举报

二楼的已经说得很对了！

yzh315 2005-04-29

打赏
举报

你可以,在回车的时候对每个,文本框进行检测,

如果没有文本框都通过了你的验证,就提交

darkattack 2005-04-29

打赏
举报

把yaowenjie1981(小渣)
代码中的onclick换成onFocus就可以了。
真受不了。

yjj317 2005-04-29

打赏
举报

正确

「已注销」 2005-04-29

打赏
举报

补充一点：
使用onFocus效果不好，如果提交失败后用'javascript:history.go(-1)'返回，那么页面还是认为
submit取得了焦点，从而导致无休止的循环提交

可以使用onKeyDown来避免这个问题，这样即使submit取得了焦点，在没按下之前，页面是不会提交的
这样更合理

sugar900 2005-04-28

打赏
举报

没模拟出tab来嘛,这段.....
function keyEnter(){

if (event.keyCode == 13) {
event.keyCode = 9;

}

}
document.onkeydown =keyEnter;*/

jihanzhong 2005-04-28

打赏
举报

zeq258 2005-04-28

打赏
举报

学习！

「已注销」 2005-04-28

打赏
举报

我的意思：
当焦点到“提交”的时候，就提交表单，而不是再用鼠标点一下！！！

yaowenjie1981 2005-04-28

打赏
举报

上面的没处理中文问题，自己处理一下就OK了

居士大哥方法8错

yaowenjie1981 2005-04-28

打赏
举报

<%@ page contentType="text/html;charset=GB2312"%>

<html>

<head>

<script language="javascript">
function keyEnter(){

if (event.keyCode == 13) {
event.keyCode = 9;

}

}
document.onkeydown =keyEnter;
function set(){

main.submit();

}
</script>

</script>
</head>
<body>
<form name="main">
<%
String str1 = request.getParameter("text1");
String str2 = request.getParameter("text2");
if(str1==null) str1="";
if(str2==null) str2="";
%>

<tr>
<td><input type="text" name="text1" value="<%=str1%>"></td>
</tr>
<br/>
<tr>
<td><input type="text" name="text2" value="<%=str2%>"></td>
</tr>
<br/>
<tr>
<td><input type="button" name="submit1" value="提交" onClick="set()"></td>
</tr>

</form>
</body>

</html>

darkattack 2005-04-28

打赏
举报

对啊，我那段代码就是可以用的，不知道他怎么想的

yaowenjie1981 2005-04-28

打赏
举报

回复人： darkattack(居士) ( ) 信誉：100

看来不发一段绝得不行了。
只要在每个页面头部加下面代码即可！

<script language="JavaScript">

function keyEnter(){

if (event.keyCode == 13) {
event.keyCode = 9;

}

}

document.onkeydown =keyEnter;
</script>

居士大哥写的对，我帮你测试了，没问题

「已注销」 2005-04-28