很疑惑的一个小问题

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript" src="js/login.js"></script>
<script language="javascript" src="js/xmlhttprequest.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<title>login</title>
</head>
<table width="208" border="0">
  <tr>
    <td width="49" height="36">用户名：</td>
    <td width="152" colspan="2"><label>
      [b]<input name="lgname" type="text" id="lgname" tabindex="1" size="16" />
    </label></td>
  </tr>
  <tr>
    <td colspan="3"> </td>
  </tr>
  <tr>
    <td height="35">密    码：</td>
    <td colspan="2"><label>
      <input type="password" name="lgpwd" tabindex="2" id="lgpwd" />
    </label></td>
  </tr>
  <tr>
    <td colspan="3"> </td>
  </tr>
  <tr>
    <td height="25" colspan="3"><table width="210" border="0">
      <tr>
        <td width="58"> </td>
        <td width="76"><button id="lgbtn"></button></td>
        <td width="62"> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td colspan="3"> </td>
  </tr>
</table>
login.js 代码如下：
function $(id){
return document.getElementById(id);
}
window.onload = function(){
$('lgname').focus();

$('lgname').onkeyup = function(){
if(event.keyCode == 13){
$('lgpwd').select();
}
}

$('lgpwd').onkeydown = function(){
if(event.keyCode == 13){
$('lgbtn').select();
}
}
}
很疑惑的是，在‘lgname'里输入内容后回车，结果选中的是‘lgbtn'，而不是‘lgpwd'，不知道是何原因，
求解？

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns="http://www.w3.org/TR/REC-html40";;;;>
<title>利用vml实现曲线图的简单例子</title>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript" src="js/login.js"></script>
<script language="javascript" src="js/xmlhttprequest.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<title>login</title>
</head>
<body>
<table width="208" border="0">
  <tr>
  <td width="49" height="36">用户名：</td>
  <td width="152" colspan="2"><label>
  [b]<input name="lgname" type="text" id="lgname" tabindex="1" size="16" />
  </label></td>
  </tr>
  <tr>
  <td colspan="3"> </td>
  </tr>
  <tr>
  <td height="35">密    码：</td>
  <td colspan="2"><label>
  <input type="password" name="lgpwd" tabindex="2" id="lgpwd" />
  </label></td>
  </tr>
  <tr>
  <td colspan="3"> </td>
  </tr>
  <tr>
  <td height="25" colspan="3"><table width="210" border="0">
  <tr>
  <td width="58"> </td>
  <td width="76"><input value="click me" type="button" id="lgbtn"></td>
  <td width="62"> </td>
  </tr>
  </table></td>
  </tr>
  <tr>
  <td colspan="3"> </td>
  </tr>
</table>
<script>
function $(id){
return document.getElementById(id);
}
window.onload = function(){
$('lgname').focus();$('lgname').onkeyup = function(){
if(event.keyCode == 13){
$('lgpwd').select();
}
}$('lgpwd').onkeydown = function(){
if(event.keyCode == 13){
$('lgbtn').select();
}
}
}
</script>
</body>
</html>
$('lgname').onkeyup = function(){
if(event.keyCode == 13){
$('lgpwd').select();
}
}
.select()改成.focus()试一下
可以啊.
ie7,FF3.6都可以.
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <title>login</title>    <script type="text/javascript" src="/jquery/jquery.js"></script>    <script type="text/javascript">
function $(id){
return document.getElementById(id);
}
window.onload = function(){
$('lgname').focus();$('lgname').onkeyup = function(e){
if(e.keyCode == 13){
$('lgpwd').select();
}
}$('lgpwd').onkeydown = function(){
if(event.keyCode == 13){
$('lgbtn').select();
}
}
}
    </script></head>
<table width="208" border="0">
    <tr>
        <td width="49" height="36">
            用户名：
        </td>
        <td width="152" colspan="2">
            <label>
                [b]<input name="lgname" type="text" id="lgname" tabindex="1" size="16" />
            </label>
        </td>
    </tr>
    <tr>
        <td colspan="3">
             
        </td>
    </tr>
    <tr>
        <td height="35">
            密    码：
        </td>
        <td colspan="2">
            <label>
                <input type="password" name="lgpwd" tabindex="2" id="lgpwd" />
            </label>
        </td>
    </tr>
    <tr>
        <td colspan="3">
             
        </td>
    </tr>
    <tr>
        <td height="25" colspan="3">
            <table width="210" border="0">
                <tr>
                    <td width="58">
                         
                    </td>
                    <td width="76">
                        <button id="lgbtn">
                        </button>
                    </td>
                    <td width="62">
                         
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td colspan="3">
             
        </td>
    </tr>
</table>
</html>