js中焦点跳转的问题
要做一个web应用程序,里边有文本框,只读文本框,下拉列表框,想实现功能如下:当回车后焦点由一个文本框跳入另一个文本框或者下拉列表框,再回车再继续跳转到文本框或者下拉列表...
要做一个web应用程序,里边有文本框,只读文本框,下拉列表框,想实现功能如下:当回车后焦点由一个文本框跳入另一个文本框或者下拉列表框,再回车再继续跳转到文本框或者下拉列表框,假如文本框与下拉列表框或文本框之间有一个只读的文本框,如何在回车后直接将焦点跳过只读文本框而直接落到下一个下拉列表框或者文本框。
如:
<input type="text" >
<input type="text" readonly="true"/>
<select>
<option></option>
</select>
也就是如何从text获得焦点后回车会直接跳过readonly文本框,而使select获得焦点 展开
如:
<input type="text" >
<input type="text" readonly="true"/>
<select>
<option></option>
</select>
也就是如何从text获得焦点后回车会直接跳过readonly文本框,而使select获得焦点 展开
若以下回答无法解决问题,邀请你更新回答
1个回答
展开全部
一般来讲,回车,会提交form,如果用tab键切换就简单了
给你个代码参考吧:
<script language= "JavaScript ">
function handleKey() {
if (window.event.keyCode == 13) {
if (window.event.srcElement.name == "text1 ") {
document.formname.text2.focus();
}
if (window.event.srcElement.name == "text2 ") {
document.formname.text3.focus();
}
if (window.event.srcElement.name == "text3 ") {
document.formname.text4.focus();
}
window.event.returnValue = false;
}
}
</script>
<body onkeypress= "handleKey() " onload= "document.formname.text1.focus() ">
<form name= "formname ">
<input type= "text " name= "text1 "> <br>
<input type= "text " name= "text2 "> <br>
<input type= "text " name= "text3 "> <br>
<input type= "text " name= "text4 "> <br>
</form>
</body>
给你个代码参考吧:
<script language= "JavaScript ">
function handleKey() {
if (window.event.keyCode == 13) {
if (window.event.srcElement.name == "text1 ") {
document.formname.text2.focus();
}
if (window.event.srcElement.name == "text2 ") {
document.formname.text3.focus();
}
if (window.event.srcElement.name == "text3 ") {
document.formname.text4.focus();
}
window.event.returnValue = false;
}
}
</script>
<body onkeypress= "handleKey() " onload= "document.formname.text1.focus() ">
<form name= "formname ">
<input type= "text " name= "text1 "> <br>
<input type= "text " name= "text2 "> <br>
<input type= "text " name= "text3 "> <br>
<input type= "text " name= "text4 "> <br>
</form>
</body>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询