简单方法使页面回发后保持焦点-优快云博客

本文介绍了一个简单的技巧，通过使用Session在页面回发后保持焦点控件不变，避免了通常需要使用JQuery解决的问题。通过在事件中保存焦点控件，并在页面生成时加载焦点，实现了页面回发后仍能保持原有交互状态。

本文将使用一个简单的方法使页面回发后还在同一个控件上保持焦点。

一般来说，当页面回发后，原来的焦点控件将失去焦点。有很多文章讨论过这个话题，但是一般都是使用JQuery来解决的。我来教大家一个简单的方法：使用Session。

首先在页面上放三个文本框，并且都生成Ontextchanged事件。

<asp:TextBox ID="TextBox1" runat="server" AutoPostBack="True" ontextchanged="TextBox1_TextChanged" TabIndex="1"></asp:TextBox>

<asp:TextBox ID="TextBox2" runat="server" AutoPostBack="True" ontextchanged="TextBox2_TextChanged" TabIndex="2"></asp:TextBox>

<asp:TextBox ID="TextBox3" runat="server" AutoPostBack="True" ontextchanged="TextBox3_TextChanged" TabIndex="3"></asp:TextBox>

然后，在事件中，将焦点存入Session:

protected void TextBox1_TextChanged(object sender, EventArgs e)
        {
            Session["event_controle"] = ((TextBox)sender);
        }
 
        protected void TextBox2_TextChanged(object sender, EventArgs e)
        {
            Session["event_controle"] = ((TextBox)sender);
        }
 
        protected void TextBox3_TextChanged(object sender, EventArgs e)
        {
            Session["event_controle"] = ((TextBox)sender);
        } 


最后，在页面生成时，载入焦点：

protected void Page_PreRender(object sender, EventArgs e)
        {
            try
            {
                if (Session["event_controle"] != null)
                { 
                    TextBox controle =(TextBox) Session["event_controle"];
 
                    controle.Focus(); 
                }
            }
            catch (InvalidCastException inEx)
            {
            }        
        }