javascript操作按下Enter焦点移至下一个控件

最新推荐文章于 2024-08-09 02:16:38 发布

guzhangyuan

最新推荐文章于 2024-08-09 02:16:38 发布

阅读量1.7k

点赞数

分类专栏： web 文章标签： javascript enter tab 焦点下一个控件

本文链接：https://blog.csdn.net/guzhangyuan/article/details/17261933

版权

web 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<html>
<head>
<title>Enter2Tab</title>
<script type="text/javascript">
window.οnlοad=function(){
	var list = new Array();
	for(var i=5;i<document.all.length;i++)
	{
		if(document.all[i].type=="text"||document.all[i].tagName=="SELECT")
			list.push(i);
	}

	for(var i=0;i<list.length-1;i++)
	{
		document.all[list[i]].setAttribute("nextFocusIndex",list[i+1]);
		document.all[list[i]].οnkeydοwn=JumpToNext;
	}
	for(var i=list.length-1;i<document.all.length;i++)
	{
		if(document.all[i].type=="button")
		{
			document.all[list[list.length-1]].setAttribute("nextFocusIndex",i);
			document.all[list[list.length-1]].οnkeydοwn=JumpToNext;
			break;
		}
	}
	document.all[list[0]].focus();
}
function JumpToNext(){     
  if(event.keyCode==13)
	{
		var nextFocusIndex=this.getAttribute("nextFocusIndex");
		document.all[nextFocusIndex].focus();
	}
}
</script>
</head>
<body>
<input id="A" name="A" type="text" />
<input id="B" name="B" type="text" />
<input id="C" name="C" type="text" />
<input id="D" name="D" type="text" />
<input id="E" name="E" type="text" />
<select id="S1" name="S1">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
<select id="S2" name="S2">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>