页面有两个焦点?

Question

背景:用UpdatePanel这个控件,继承一个MASTER页面,
因为按钮都用ASP:BUTTON的,所以第一个按钮会是按ENTER就提交的,有光标在的样子!现象:现在我在第二个UpdatePanel里后台设定一个按钮FOCUS.结果:页面有存在有两个按钮有焦点的样子,虽然现在按ENTER键是触发第二个按钮的.
     但页面不行啊,有两个有光标的BUTTON对用户不友好!请帮帮忙!!

Answer 1

如果当页面有一个光标时，但是却不在“认为”的按钮上，你按Enter之后不还是错误么？建议如下完成相应的功能：.aspx页面:
  <script type="text/jscript" language="javascript">
    function EnterTextBox(button) {
      if (event.keyCode == 13 && document.all["TextBoxSearch"].value != "") {
        event.keyCode = 9;
        event.returnValue = false;
        document.all[button].click();
      }
    }   
  </script>
<asp:TextBox ID="TextBoxSearch" …
<asp:ImageButton ID="ButtonSearch" runat="server" OnClick="ButtonSearch_Click" ….cs文件
在Page_load中
if (!IsPostBack)
{
      TextBoxSearch.Attributes.Add("onkeypress", "EnterTextBox('ButtonSearch')");
//…当在TextBox中按Enter时，会触发ButtonSearch对应的ButtonSearch_Click事件处理

Answer 2

不好意思,说得不明白吧.正如我所说我在第二个UpdatePanel里设定的那个焦点是正常可用的了,
只是第一个UpdatePanel里那个按钮还是有焦点的状态...现在我按ENTER可以得到我要的效果,不过页面的显示会对用户造成干扰!代码:<asp:UpdatePanel ID="UpdatePanel3" runat="server" UpdateMode="Conditional">
                            <Triggers>
                                <asp:AsyncPostBackTrigger ControlID="btnSearchDestination" EventName="Click" />
                                <asp:AsyncPostBackTrigger ControlID="btnResetDestination" EventName="Click" />
                                <asp:AsyncPostBackTrigger ControlID="btnSubmit" EventName="Click" />
                            </Triggers>
                            <ContentTemplate>
                                <table width="800px">
                                    <tr>
                                        <td style="text-align: left; width: 120px">
                                            銀行コード
                                        </td>
                                        <td style="width: 171px">
                                            <asp:TextBox ID="txtCbbkCodeC" runat="server" Width="120px" Style="text-align: right"
                                                MaxLength="5" TabIndex="1"></asp:TextBox>
                                        </td>
                                        <td style="text-align: left; width: 100px">
                                            <asp:Button ID="btnSearchDestination" runat="server" Text="検索" CssClass="smallButton"
                                                OnClientClick="return checkBankCode(1)" TabIndex="2" />
                                        </td>
                                        <td style="text-align: left; width: 120px">
                                            <asp:Button ID="btnResetDestination" runat="server" Text="リセット" CssClass="smallButton"
                                                TabIndex="3" />
                                        </td>
                                        <td>
                                        </td>
                                    </tr>
                                </table>
                            </ContentTemplate>
                        </asp:UpdatePanel> <asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional">
                            <Triggers>
                                <asp:AsyncPostBackTrigger ControlID="btnSearchOriginal" EventName="Click" />
                                <asp:AsyncPostBackTrigger ControlID="btnResetOriginal" EventName="Click" />
                                <asp:AsyncPostBackTrigger ControlID="btnSubmit" EventName="Click" />
                            </Triggers>
                            <ContentTemplate>
                                <table width="800px">
                                    <tr>
                                        <td style="text-align: left; width: 120px">
                                            銀行コード
                                        </td>
                                        <td style="width: 171px">
                                            <asp:TextBox ID="txtCbbkCode" runat="server" Width="120px" Style="text-align: right"
                                                MaxLength="5" TabIndex="4"></asp:TextBox>
                                        </td>
                                        <td style="text-align: left; width: 100px">
                                            <asp:Button ID="btnSearchOriginal" runat="server" Text="検索" CssClass="smallButton"
                                                OnClientClick="return checkBankCode(2)" TabIndex="5" />
                                        </td>
                                        <td style="text-align: left; width: 120px">
                                            <asp:Button ID="btnResetOriginal" runat="server" Text="リセット" CssClass="smallButton"
                                                TabIndex="6" />
                                        </td>
                                        <td>
                                        </td>
                                    </tr>
                                </table>
                            </ContentTemplate>
                        </asp:UpdatePanel>