页面上有几个按钮:
<input id="text1" name="text1" tabindex="1" onkeyup=" next_focus(me)">第1个
<input id="text2" name="text2" tabindex="3" onkeyup=" next_focus(me)">第3个
<input id="text4" name="text4" tabindex="2" onkeyup=" next_focus(me)">第2个
<input id="text5" name="text5" tabindex="5" onkeyup=" next_focus(me)">第5个
<input id="text3" name="text3" tabindex="4" onkeyup=" next_focus(me)">第4个怎么通过javascript,在按回车时候根据tabindex值从大到小移动焦点呢?
<input id="text1" name="text1" tabindex="1" onkeyup=" next_focus(me)">第1个
<input id="text2" name="text2" tabindex="3" onkeyup=" next_focus(me)">第3个
<input id="text4" name="text4" tabindex="2" onkeyup=" next_focus(me)">第2个
<input id="text5" name="text5" tabindex="5" onkeyup=" next_focus(me)">第5个
<input id="text3" name="text3" tabindex="4" onkeyup=" next_focus(me)">第4个怎么通过javascript,在按回车时候根据tabindex值从大到小移动焦点呢?
var code_value =event.keyCode;
if(code_value==13){
document.getElementById("text" +tabindex-1).focus();}
}
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function keyDown(obj){
if(event.keyCode==13){
eval(event.keyCode=9);
}
}
</script>
</head><body>
<input id="text1" name="text1" tabindex="1" onkeydown="keyDown(this)">第1个
<input id="text2" name="text2" tabindex="3" onkeydown="keyDown(this)">第3个
<input id="text4" name="text4" tabindex="2" onkeydown="keyDown(this)">第2个
<input id="text5" name="text5" tabindex="5" onkeydown="keyDown(this)">第5个
<input id="text3" name="text3" tabindex="4" onkeydown="keyDown(this)">第4个</body>
</html>
function keyDown(obj){
if(event.keyCode==13){
eval(event.keyCode=9);
}
}
onload = function(){
var a = document.getElementsByTagName("input");
for(i=0;i<a.length;i++)
{
a[i].onkeydown = function(){keyDown(a[i])};
}
}
</script> <input id="text1" name="text1" tabindex="1" >第1个
<input id="text2" name="text2" tabindex="3">第3个
<input id="text4" name="text4" tabindex="2">第2个
<input id="text5" name="text5" tabindex="5">第5个
<input id="text3" name="text3" tabindex="4">第4个