今天完成一个需求,需要用方向键完成TAB的功能,但tab键只能向前移动不能向后,所以使用了根据tableindex计算的方法。代码很不完善,应该说只是一个思路。
<!doctype html>
<html dir="ltr" lang="zh-CN">
<head>
<FCK:meta charset="gb2312" />
<FCK:meta http-equiv="X-UA-Compatible" content="IE=7" />
<title>tabIndex</title>
<script>
window.onload = function(){
var els = document.getElementsByTagName("input");
function altertab(){
CurTabIndex=event.srcElement.tabIndex;
if(event.keyCode==39||event.keyCode==40){
for (n=0;n<testtab.elements.length;n++)
if(testtab.elements[n].tabIndex==(CurTabIndex+1))
testtab.elements[n].focus();
return true;
}else if(event.keyCode==37||event.keyCode==38){
for (n=0;n<testtab.elements.length;n++)
if(testtab.elements[n].tabIndex==(CurTabIndex-1))
testtab.elements[n].focus();
return true;
}
}
document.οnkeydοwn=altertab;
}
</script>
</head>
<body>
<form name="testtab">
<input tabindex="1" value="第一个" type="text" >
<input tabindex="2" value="第二个" type="text" >
<input tabindex="3" value="第三个" type="text" >
<input tabindex="4" value="第四个" type="text" >
<input tabindex="5" value="第五个" type="text" >
<input tabindex="6" value="第六个" type="text" >
</form>
</body>
</html>