<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>按键测试2</title>
<script language="javascript">
<!--
//键盘回车事件转化为tab事件
//text中的Readonly不进入焦点
//radio中的checked=false不进入焦点
function movetoNext(){
if(event.keyCode==13){//当按回车的时候
try{
if(document.activeElement.type=="textarea"){//当运到是textarea时不跳到下一个组件
if(document.activeElement.readOnly==true){//只读的话就跳下去
event.keyCode=9;
}
return true;
}else{
if (event.srcElement.type == "button"){
event.keyCode=9;
if(event.srcElement.value == "查询" || event.srcElement.value == "保存" || event.srcElement.value == "下一步" || event.srcElement.value == "登录" ){//|| event.srcElement.value == "检测编号"
event.srcElement.onclick();
}
}else{
var nextIndex=getItemIndex();
if (document.all.item(nextIndex).type == "text" || document.all.item(nextIndex).type == "textarea"){
if(document.all.item(nextIndex).readOnly==true){
getNextIndex(nextIndex);
}else{
event.keyCode=9;
}
//getNextItem();
}else{//下一个不是text
if(document.all.item(nextIndex).disabled==true){
getNextIndex(nextIndex);
}else{
if(document.all.item(nextIndex).type=="radio"){
//document.all.item(nextIndex).focus();
///*每一个radio都进入焦点
if(document.all.item(nextIndex).checked==true){
event.keyCode=9;
}else{
getNextIndex(nextIndex);
}
//*/
}else{
event.keyCode=9;
}
}
}
}
}
}catch(e){
alert("未知异常");
event.keyCode=9
}
return true;
}else{
return false;
}
}
function getItemIndex(){
var index;//当前的sourceIndex
var nextIndex;//下一个sourceIndex
index=window.event.srcElement.sourceIndex;
index+=1;
with (document.all){
var aTab = new Array(length);
for ( var i=index;i<length;i++) {
if(item(i).type=="text" || item(i).type=="textarea" || item(i).type=="checkbox" || item(i).type=="radio" || (item(i).type=="select" && item(i).disabled==false ) || ( item(i).type=="select-one" && item(i).disabled==false ) ){
nextIndex = item(i).sourceIndex;
break;
}
}
}
return nextIndex;
}
function getNextIndex(argindex){
var index;//当前的sourceIndex
var nextIndex;//下一个sourceIndex
index=document.all.item(argindex).sourceIndex;
index+=1;
with (document.all){
var aTab = new Array(length);
for (var i=index;i<length;i++) {
if(item(i).type=="text" || item(i).type=="textarea" || item(i).type=="checkbox" || item(i).type=="radio" || (item(i).type=="select" && item(i).disabled==false ) || ( item(i).type=="select-one" && item(i).disabled==false ) ){
nextIndex = item(i).sourceIndex;
break;
}
}
}
if (document.all.item(nextIndex).type == "text" || document.all.item(nextIndex).type == "textarea"){
if(document.all.item(nextIndex).readOnly==true){
getNextIndex(nextIndex);
}else{
document.all.item(nextIndex).focus();
}
}else{
if(document.all.item(nextIndex).type==undefined){
event.keyCode=9;
}
if(document.all.item(nextIndex).disabled==true){
getNextIndex(nextIndex);
}else{
if(document.all.item(nextIndex).type=="radio"){
if(document.all.item(nextIndex).checked==true){
document.all.item(nextIndex).focus();
}else{
getNextIndex(nextIndex);
}
}else{
document.all.item(nextIndex).focus();
}
}
}
return true;
}
//-->
</script>
</head>
<body onkeydown="movetoNext();" >
<form id="form1" name="form1" method="post" action="" >
<div align="center"> <br />
<br />
<br />
<table width="770" id="table1" height="218" border="1" cellpadding="0" cellspacing="0">
<tr>
<td width="126" height="18"><input name="textfield" type="text" value="hsish" size="18" maxlength="18" /> </td>
<td width="126"><input name="textfield2" type="text" size="18" maxlength="18" /></td>
<td width="126"><input name="textfield3" type="text" size="18" maxlength="18" /></td>
<td width="126"><input name="textfield4" type="text" size="18" maxlength="18" /></td>
<td width="126"><input name="textfield5" type="text" size="18" maxlength="18" /></td>
<td width="126"><input name="textfield6" type="text" size="18" maxlength="18" /></td>
</tr>
<tr>
<td height="18"><input name="textfield7" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield18" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield39" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield40" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield71" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield70" type="text" size="18" maxlength="18" /></td>
</tr>
<tr>
<td height="18"><input name="textfield8" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield19" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield38" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield41" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield72" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield69" type="text" size="18" maxlength="18" /></td>
</tr>
<tr>
<td height="18"><input name="textfield9" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield20" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield37" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield42" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield67" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield68" type="text" size="18" maxlength="18" /></td>
</tr>
<tr>
<td height="18"><input name="textfield10" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield21" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield36" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield43" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield66" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield65" type="text" size="18" maxlength="18" /></td>
</tr>
<tr>
<td height="18"><input name="textfield11" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield22" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield35" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield44" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield63" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield64" type="text" size="18" maxlength="18" /></td>
</tr>
<tr>
<td height="18"><input name="textfield12" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield23" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield34" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield45" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield62" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield61" type="text" size="18" maxlength="18" /></td>
</tr>
<tr>
<td height="18"><input name="textfield13" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield24" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield33" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield46" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield59" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield60" type="text" size="18" maxlength="18" /></td>
</tr>
<tr>
<td height="18"><input name="textfield14" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield25" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield32" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield47" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield58" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield57" type="text" size="18" maxlength="18" /></td>
</tr>
<tr>
<td height="18"><input name="textfield15" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield26" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield31" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield48" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield55" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield56" type="text" size="18" maxlength="18" /></td>
</tr>
<tr>
<td height="18"><input name="textfield16" type="text" size="18" maxlength="18" /></td>
<td><label>
<textarea name="textarea"></textarea>
</label></td>
<td><input name="textfield30" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield49" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield54" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield53" type="text" size="18" maxlength="18" /></td>
</tr>
<tr>
<td height="18"><input name="textfield17" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield28" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield29" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield50" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield51" type="text" size="18" maxlength="18" /></td>
<td><input name="textfield52" type="text" size="18" maxlength="18" /></td>
</tr>
</table>
</div>
</form>
</body>
</html>