<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
<html xmlns="
<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>