<script language="JavaScript">
<!--
function ObjectFocus(nIndex)
{
window.event.keyCode = 9;
}
//-->
</script><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>新しいページ 1</title>
</head>
<body>
<form name="Page0" action="">
  <p><input type="text" name="Text" size="15" value="Hello" onKeyDown="ObjectFocus();" ></p>  
<script language="JavaScript">
    document.forms[0].Text.focus();
</script>
  <p><select style="width: 123; height: 23; font-size: 16" size="1" name="StoreCode" onKeyDown="JavaScript:ObjectFocus()">
    <option>0001</option>
    <option>0002</option>
    <option>0003</option>
  </select></p>
  <p><input type="checkbox" name="Check" value="ON" onKeyDown="JavaScript:ObjectFocus()">Check</p>
  <p><input type="button"  style="width: 95; height: 32" name="OK" value="OK" onClick="alert('OK!')"></p>
</form>
</body>
</html>

解决方案 »

  1.   

    只能将Enter键换成Tab键吗?没有其他的方法了吗?
      

  2.   

    1.选择和焦点无关,虽然blur但页面上选择还是Text
    2.加上window.event.returnValue=false;如下:<script language="JavaScript">
    <!--
    function ObjectFocus(nIndex)
    {
    if (window.event.keyCode == 13)
    {
    if (nIndex == 0)
    document.forms[0].Text.focus();
    else if (nIndex == 1)
    document.forms[0].StoreCode.focus();
    else if (nIndex == 2)
    document.forms[0].Check.focus();
    else if (nIndex == 3)
    document.forms[0].OK.focus();
    window.event.returnValue=false;
    }
    }
    function TextSelect()
    {
    document.forms[0].Text.select(); }
    //-->
    </script><html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
    <meta name="GENERATOR" content="Microsoft FrontPage 4.0">
    <meta name="ProgId" content="FrontPage.Editor.Document">
    <title>新しいページ 1</title>
    </head>
    <body>
    <form name="Page0" action="">
      <p><input type="text" name="Text" size="15" value="Hello" onKeyDown="JavaScript:ObjectFocus(1)" onFocus="JavaScript:TextSelect()"></p>  
    <script language="JavaScript">
        document.forms[0].Text.focus();
    </script>
      <p><select style="width: 123; height: 23; font-size: 16" size="1" name="StoreCode" onKeyDown="JavaScript:ObjectFocus(2)">
        <option>0001</option>
        <option>0002</option>
        <option>0003</option>
      </select></p>
      <p><input type="checkbox" name="Check" value="ON" onKeyDown="JavaScript:ObjectFocus(3)">Check</p>
      <p><input type="button"  style="width: 95; height: 32" name="OK" value="OK" onClick="alert('OK!')"></p>
    </form>
    </body>
    </html>进入页面之后,一路按Enter键,你会发现以下的问题:
    1: 焦点已经不在Text框了,但是Text框仍然是全部反白
    2: 当Button得到焦点时,自动触发了Click事件了以上的问题是什么原因,可以解决吗?
      

  3.   

    2:用了"window.event.returnValue=false"
    当Button得到焦点时,自动触发了Click事件了,这个问题解决了.1:Text框仍然是反白,能够解决吗?
      

  4.   

    当Text框Enter 到Select框时,页面上同时有2个控件反白,很容易造成误会的,
    看着也不舒服的.能够解决吗?
      

  5.   

    <script language="JavaScript">
    <!--
    function ObjectFocus(nIndex)
    {
    if (window.event.keyCode == 13)
    {
    if (nIndex == 0)
    document.forms[0].Text.focus();
    else if (nIndex == 1){
    document.selection.empty();
    document.forms[0].StoreCode.focus();
    }else if (nIndex == 2)
    document.forms[0].Check.focus();
    else if (nIndex == 3)
    document.forms[0].OK.focus();
    window.event.returnValue=false;
    }
    }
    function TextSelect()
    {
    document.forms[0].Text.select(); }
    //-->
    </script><html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
    <meta name="GENERATOR" content="Microsoft FrontPage 4.0">
    <meta name="ProgId" content="FrontPage.Editor.Document">
    <title>新しいページ 1</title>
    </head>
    <body>
    <form name="Page0" action="">
      <p><input type="text" name="Text" size="15" value="Hello" onKeyDown="JavaScript:ObjectFocus(1)" onFocus="JavaScript:TextSelect()"></p>  
    <script language="JavaScript">
        document.forms[0].Text.focus();
    </script>
      <p><select style="width: 123; height: 23; font-size: 16" size="1" name="StoreCode" onKeyDown="JavaScript:ObjectFocus(2)">
        <option>0001</option>
        <option>0002</option>
        <option>0003</option>
      </select></p>
      <p><input type="checkbox" name="Check" value="ON" onKeyDown="JavaScript:ObjectFocus(3)">Check</p>
      <p><input type="button"  style="width: 95; height: 32" name="OK" value="OK" onClick="alert('OK!')"></p>
    </form>
    </body>
    </html>