按回车键焦点跳到下一个控件,页面中文本框控件和按钮控件数量不确定 一般都用 tab 键 , 设置tabindex 就可以了。document.activeElement 这个是获得当前焦点对象引用。当按回车的时候 就模拟按tab键。或者用当前对象的下一个对象。 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 function Focuse(){ if(event.keyCode==13&&event.srcElement.type!='button'&&event.srcElement.type!='submit')event.keyCode=9;}document.onkeydown=focuse;//if里面自己再加:多行文本框,不能为空,不能是重置按钮//看你自己怎么需要再加! function Focuse(){ if(event.keyCode==13&&event.srcElement.type!='button'&&event.srcElement.type!='submit')event.keyCode=9;}document.onkeydown=focuse;//if里面自己再加:多行文本框,不能为空,不能是重置按钮//看你自己怎么需要再加! <input onkeydown="if(event.keyCode==13)event.keyCode=9" name="text1"><input onkeydown="if(event.keyCode==13)event.keyCode=9" name="text2"><input onkeydown="if(event.keyCode==13)event.keyCode=9" name="text3"><input onkeydown="if(event.keyCode==13)event.keyCode=9" name="text5"><input onkeydown="if(event.keyCode==13)event.keyCode=9" name="text4"> 模拟Tab键,只要写成if (window.event.keyCode==13) window.event.keyCode=9就可以了哎,你随便GOOGLE一下都有这个方面的说明了 这个功能没有现成的,用TAB属性并不能完成楼主的功能,需要动手写JavaScript代码去完成,省去了每次换手点一下鼠标的麻烦且快速,其友好性大大增强,看下面代码是否精彩:---------------------------------------------------------function moveFocus(evt,NextObjID){//关键实现函数var objx=""var strFocus="";objx=objID;evt = (evt) ? evt : ((window.event) ? window.event : "")key = evt.keyCode ? evt.keyCode : evt.which;if(key==13) { strFocus="document.getElementById(\""+objx+"\").focus()"; eval(strFocus); return false; }}---------------------------------------------------------使用时只需在前一个对象的onKeyPress事件引用该函数并指定一个对象的ID号即可,如(其它部分省):<... onKeyPress="javascript:return moveFocus(event,'inputText02')" ...>只要是Microsoft或FireFox或Netscape公司的浏览器内核就可以正确运行,可以说目前决大多数IE都支持了(其他浏览器估计问题不大,没测过,^=^),不止是文本控件和按钮,还可以是其他控件。回复是否精彩?可以加分不?呵呵...穷多了...^=^附完整例子如下:===============================================================================<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>Move Focus</title></head><script language="javascript" type="text/javascript">function moveFocus(evt,objID){var objx=""var strFocus="";objx=objID;evt = (evt) ? evt : ((window.event) ? window.event : "")key = evt.keyCode ? evt.keyCode : evt.which;if(key==13) { strFocus="document.getElementById(\""+objx+"\").focus()"; eval(strFocus); return false; }}</script><body><h3>友好性设计,支持回车事件后移焦点</h3><p><input name="in01" type="text" id="in01" onKeyPress="javascript:return moveFocus(event,'in02')"><input name="in02" type="text" id="in02" onKeyPress="javascript:return moveFocus(event,'in03')"><input name="in03" type="text" id="in03" onKeyPress="javascript:return moveFocus(event,'btn01')"></p><p><input name="btn01" type="button" id="btn01" value="按钮" onKeyPress="javascript:return moveFocus(event,'in04')"><textarea name="in04" cols="50" rows="5" id="in04" onKeyPress="javascript:return moveFocus(event,'in01')"></textarea></p></body></html> 有个参数引用写错了,修改如下,呵呵:--------------------------------------------------------- function moveFocus(evt,NextObjID) {//关键实现函数 var objx="" var strFocus=""; objx=NextObjID; evt = (evt) ? evt : ((window.event) ? window.event : "") key = evt.keyCode ? evt.keyCode : evt.which; if(key==13) { strFocus="document.getElementById(\""+objx+"\").focus()"; eval(strFocus); return false; } } --------------------------------------------------------- 方法1;<input onkeydown="if(event.keyCode==13)event.keyCode=9" name="text1"><input onkeydown="if(event.keyCode==13)event.keyCode=9" name="text2"><input onkeydown="if(event.keyCode==13)event.keyCode=9" name="text3"><input onkeydown="if(event.keyCode==13)event.keyCode=9" name="text5"><input onkeydown="if(event.keyCode==13)event.keyCode=9" name="text4">方法2;function moveFocus(evt,NextObjID) {//关键实现函数 var objx="" var strFocus=""; objx=NextObjID; evt = (evt) ? evt : ((window.event) ? window.event : "") key = evt.keyCode ? evt.keyCode : evt.which; if(key==13) { strFocus="document.getElementById(\""+objx+"\").focus()"; eval(strFocus); return false; } } 兄弟 这2个方法 都行楼上的不错你自己选吧^_* 文本框不定!位置不定!每次按下回车键,就寻找下一个最近的文本框!<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE> New Document </TITLE> </HEAD> <BODY> <form> <input type="text" value="1" /><br/> <input type="button" value="我是按钮" /><br/> <input type="text" value="2" /><br/> <input type="text" value="3" /><br/> <input type="text" value="4" /><br/> <input type="text" value="5" /><br/> <input type="text" value="6" /><br/> <input type="text" value="7" /><br/> <input type="text" value="8" /><br/> </form> </BODY> <script> var t=document.getElementsByTagName("input"); for(var i=0;i<t.length;i++) { if(t[i].type=="text") { t[i].onkeypress=function(){return handleEnter(this ,event);}; } } function handleEnter(field, event) { var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode; if (keyCode == 13) { //寻找该文本框的下一个文本框 var tempObj = field.nextSibling; while (tempObj.type != "text") { //alert(tempObj.outerHTML); if(tempObj.nextSibling!=null) { tempObj = tempObj.nextSibling; } else { break; } } tempObj.focus(); //alert(tempObj.outerHTML); } else return true; } </script></HTML> 页面中可能有文本框,下拉框,单选框,复选框,textarea,按钮等控件怎么做到按回车键时,光标焦点自动跳到下一个控件哪位有现成的代码?急!!!!!!!!!! 请教一个关于id的问题 求大虾帮我写个正则表达式匹配,请进来看看,谢谢了 ? 事件或方法的调用 Ajax同时执行两个request数据丢失问题 怎样将windows.open窗口隐藏或着隐藏在主窗口后??? javascript 日期格式转换 如何给javascript的函数传递多个参数 请问如何在SELECT的OPTIONS集合中添加一个自定义的方法? 请问:如何下载网页,用代码实现;要保存指定网页上的所有部分到指定的地方 如何在客户端用javascript编写方法判断radio,chekckbox是否选中 请教这两段代码的区别 请教高手帮我改正这个方法扩展
if(event.keyCode==13&&event.srcElement.type!='button'&&
event.srcElement.type!='submit')
event.keyCode=9;
}
document.onkeydown=focuse;
//if里面自己再加:多行文本框,不能为空,不能是重置按钮
//看你自己怎么需要再加!
if(event.keyCode==13&&event.srcElement.type!='button'&&
event.srcElement.type!='submit')
event.keyCode=9;
}
document.onkeydown=focuse;
//if里面自己再加:多行文本框,不能为空,不能是重置按钮
//看你自己怎么需要再加!
<input onkeydown="if(event.keyCode==13)event.keyCode=9" name="text2">
<input onkeydown="if(event.keyCode==13)event.keyCode=9" name="text3">
<input onkeydown="if(event.keyCode==13)event.keyCode=9" name="text5">
<input onkeydown="if(event.keyCode==13)event.keyCode=9" name="text4">
就可以了哎,你随便GOOGLE一下都有这个方面的说明了
---------------------------------------------------------
function moveFocus(evt,NextObjID)
{//关键实现函数
var objx=""
var strFocus="";
objx=objID;
evt = (evt) ? evt : ((window.event) ? window.event : "")
key = evt.keyCode ? evt.keyCode : evt.which;
if(key==13)
{
strFocus="document.getElementById(\""+objx+"\").focus()";
eval(strFocus);
return false;
}
}
---------------------------------------------------------
使用时只需在前一个对象的onKeyPress事件引用该函数并指定一个对象的ID号即可,如(其它部分省):
<... onKeyPress="javascript:return moveFocus(event,'inputText02')" ...>只要是Microsoft或FireFox或Netscape公司的浏览器内核就可以正确运行,可以说目前决大多数IE都支持了(其他浏览器估计问题不大,没测过,^=^),不止是文本控件和按钮,还可以是其他控件。回复是否精彩?可以加分不?呵呵...穷多了...^=^
附完整例子如下:
===============================================================================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Move Focus</title>
</head>
<script language="javascript" type="text/javascript">
function moveFocus(evt,objID)
{
var objx=""
var strFocus="";
objx=objID;
evt = (evt) ? evt : ((window.event) ? window.event : "")
key = evt.keyCode ? evt.keyCode : evt.which;
if(key==13)
{
strFocus="document.getElementById(\""+objx+"\").focus()";
eval(strFocus);
return false;
}
}
</script>
<body>
<h3>友好性设计,支持回车事件后移焦点</h3>
<p>
<input name="in01" type="text" id="in01" onKeyPress="javascript:return moveFocus(event,'in02')">
<input name="in02" type="text" id="in02" onKeyPress="javascript:return moveFocus(event,'in03')">
<input name="in03" type="text" id="in03" onKeyPress="javascript:return moveFocus(event,'btn01')">
</p>
<p>
<input name="btn01" type="button" id="btn01" value="按钮" onKeyPress="javascript:return moveFocus(event,'in04')">
<textarea name="in04" cols="50" rows="5" id="in04" onKeyPress="javascript:return moveFocus(event,'in01')"></textarea>
</p>
</body>
</html>
---------------------------------------------------------
function moveFocus(evt,NextObjID)
{//关键实现函数
var objx=""
var strFocus="";
objx=NextObjID;
evt = (evt) ? evt : ((window.event) ? window.event : "")
key = evt.keyCode ? evt.keyCode : evt.which;
if(key==13)
{
strFocus="document.getElementById(\""+objx+"\").focus()";
eval(strFocus);
return false;
}
}
---------------------------------------------------------
方法1;
<input onkeydown="if(event.keyCode==13)event.keyCode=9" name="text1">
<input onkeydown="if(event.keyCode==13)event.keyCode=9" name="text2">
<input onkeydown="if(event.keyCode==13)event.keyCode=9" name="text3">
<input onkeydown="if(event.keyCode==13)event.keyCode=9" name="text5">
<input onkeydown="if(event.keyCode==13)event.keyCode=9" name="text4">
方法2;
function moveFocus(evt,NextObjID)
{//关键实现函数
var objx=""
var strFocus="";
objx=NextObjID;
evt = (evt) ? evt : ((window.event) ? window.event : "")
key = evt.keyCode ? evt.keyCode : evt.which;
if(key==13)
{
strFocus="document.getElementById(\""+objx+"\").focus()";
eval(strFocus);
return false;
}
} 兄弟 这2个方法 都行
楼上的不错
你自己选吧
^_*
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD> <BODY>
<form>
<input type="text" value="1" /><br/> <input type="button" value="我是按钮" /><br/>
<input type="text" value="2" /><br/>
<input type="text" value="3" /><br/>
<input type="text" value="4" /><br/>
<input type="text" value="5" /><br/>
<input type="text" value="6" /><br/>
<input type="text" value="7" /><br/>
<input type="text" value="8" /><br/>
</form>
</BODY>
<script>
var t=document.getElementsByTagName("input");
for(var i=0;i<t.length;i++)
{
if(t[i].type=="text")
{
t[i].onkeypress=function(){return handleEnter(this ,event);};
}
} function handleEnter(field, event)
{
var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
if (keyCode == 13) {
//寻找该文本框的下一个文本框
var tempObj = field.nextSibling;
while (tempObj.type != "text") {
//alert(tempObj.outerHTML);
if(tempObj.nextSibling!=null)
{
tempObj = tempObj.nextSibling;
}
else
{
break;
}
}
tempObj.focus();
//alert(tempObj.outerHTML);
}
else
return true;
}
</script>
</HTML>
怎么做到按回车键时,光标焦点自动跳到下一个控件
哪位有现成的代码?急!!!!!!!!!!