<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<SCRIPT language="javascript">
  var i=0; j=0; colnum=4;
  function Show(row) {
      var str=new String("");
      str+="<table width=895 border=1 bordercolor=#dcdcdc bgcolor=#eff8fc cellpadding=0 cellspacing=0>";
      for(i=0;i<row;i++) {
           str+="<tr align=center>";
           for(j=0; j<colnum; j++) {
                str+="<td><input type=text id=r"+i+"c"+j+" name=r"+i+"c"+j+" onkeypress=\"if(event.keyCode==13){ShowNext("+i+","+j+");return false;}\"></td>";
           }
           str+="</tr>";
      }
      str+="</table>";
      window.div1.innerHTML=str;
  }
  function ShowNext(rownum,col) {
       if(col < colnum-1) {
          var cnext=0;
          cnext=col+1;
          document.all.item("r"+ rownum +"c"+ cnext).select();
      } else {
          Show(rownum+2);      }
  }
</SCRIPT>
</HEAD>
<BODY>
  <div id=div1 name=div1>
    <SCRIPT language="javascript">
        Show(1);
    </SCRIPT>
  </div>
</BODY>
</HTML>

解决方案 »

  1.   

    <body onKeyDown="if (event.keyCode==13) event.keyCode=9;">
    <table id="vTable" width=895 border=1 bordercolor=#dcdcdc bgcolor=#eff8fc cellpadding=0 cellspacing=0>
    <table>
    <script language="javascript">
    colnum=4
    function ShowNext()
    {
    col=vTable.rows.length
    var vTr=vTable.insertRow(col)
    for(i=0;i<colnum;i++)
    {
    vTd=vTr.insertCell(i);
    if(i<colnum-1)
    vTd.innerHTML="<input type=text id=r"+col+"c"+i+" name=r"+col+"c"+i+">"
    else
    vTd.innerHTML="<input type=text id=r"+col+"c"+i+" name=r"+col+"c"+i+" onKeyDown=\"if(event.keyCode==13){ShowNext();return false;}\">"
    }
    document.all("r"+col+"c0").focus()
    }
    ShowNext()
    </script>
      

  2.   

    <html>
    <head>
    <title>无标题文档</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <script language="javascript">
    var curRow=null;
    function selectRow(){
    var e=window.event;
    var tr1=e.srcElement;
    if(curRow)
    curRow.bgColor="#FFFFFF";
    tr1.bgColor="e7e7e7";
    curRow=tr1;
    }
    function addRow(src){
    //alert(src);
    var newrow = src.insertRow(src.rows.length);
    newrow.attachEvent("onclick",selectRow);
    newrow.height=20;
    var i=4;
    while(i--){
    var newcell = newrow.insertCell();
    newcell.align="center";
    newcell.innerHTML=div1.innerHTML;
    }
    //alert(newrow.outerHTML);
    }
    function txtKeyPress(){
    var e=window.event;
    if(e.keyCode!=13) return;
    else{
    if(e.srcElement.parentElement.cellIndex==3)
    addRow(e.srcElement.parentElement.parentElement.parentElement);
    e.keyCode=9;
    }
    }
    </script>
    </head><body>
    <table id="tb" width="100%"  border="1" align="center" cellpadding="1" cellspacing="1" style="border-collapse:collapse" bordercolor="#111111">
      <tr>
        <th scope="col" width="25%">一</th>
        <th scope="col" width="25%">二</th>
        <th scope="col" width="25%">三</th>
        <th scope="col" width="25%">四</th>
      </tr>
      <tr id="blankRow">
        <td align="center"><input type="text" style="width:80%" onKeyDown="txtKeyPress()"></td>
        <td align="center"><input type="text" style="width:80%" onKeyDown="txtKeyPress()"></td>
        <td align="center"><input type="text" style="width:80%" onKeyDown="txtKeyPress()"></td>
        <td align="center"><input type="text" style="width:80%" onKeyDown="txtKeyPress()"></td>
      </tr>
    </table>
    <div id="div1" style="display:none "><input type="text" style="width:80%" onKeyDown="txtKeyPress()"></div>
    </body>
    </html>