asp.net 文本框的丢失焦点方法？

Posted 2023-04-01

【中文标题】asp.net 文本框的丢失焦点方法？

【英文标题】：Lost Focus method for asp.net textbox?

【发布时间】：2011-04-21 07:20:36

【问题描述】：

asp.net文本方法的Lost focus方法怎么写？请问大家有什么好写的吗，分享一下？

【参考方案1】：

所以我知道每个人都展示了基本的客户端方法，这很好，但我想至少展示一个在服务器上处理特定客户端事件的解决方案。

让我们看一下代码，然后逐个查看。

由于 ASP.Net TextBox 没有为 OnBlur 公开服务器端事件，因此您必须手动进行。幸运的是，这很容易实现。假设您的 .aspx 页面中有一小段代码。您希望在 TextBox 失去焦点时更新 Label 控件服务器端。

<asp:Label ID="lblOnBlur" runat="server">On Blur Example</asp:Label><br />
<asp:TextBox ID="tbOnBlur" runat="server" ClientIDMode="Static" /><br />
<asp:Label ID="lblOutput" runat="server" />

ASP.Net 有一个内置的client side function 被调用来触发带有两个参数的回发：

目标（导致事件的控件的 ID） 参数（您希望传递给服务器的可选信息）

您可以通过将以下属性和值添加到您的文本框来在标记中连接事件：

onblur="__doPostBack('tbOnBlur','OnBlur');"

但是，该框架有一种简单的方法可以为您的服务器端生成此脚本。在您的 Page_Init 方法中，只需添加对 GetPostBackEventReference 的调用并将其分配给您的控件的“onblur”属性，如下所示：

protected void Page_Init(object sender, EventArgs e)

    var onBlurScript = Page.ClientScript.GetPostBackEventReference(tbOnBlur, "OnBlur");
    tbOnBlur.Attributes.Add("onblur", onBlurScript);

使用标准服务器控制事件，事件连接和调用通过实现IPostBackEventHandler 自动为您处理。对于一次性解决方案而言，这需要大量工作，因此我们只需通过检查请求参数来手动处理它。

protected void Page_Load(object sender, EventArgs e)

    if (IsPostBack)
    
        var ctrlName = Request.Params[Page.postEventSourceID];
        var args = Request.Params[Page.postEventArgumentID];

        HandleCustomPostbackEvent(ctrlName, args);
    


private void HandleCustomPostbackEvent(string ctrlName, string args)

    //Since this will get called for every postback, we only
    // want to handle a specific combination of control
    // and argument.
    if (ctrlName == tbOnBlur.UniqueID && args == "OnBlur")
    
        lblOutput.Text = "On Blur Event Handled Server Side!" + DateTime.Now;
    

最后，如果您不介意深入研究一下框架，那么模拟服务器端事件并不难。

希望这会有所帮助！

干杯， 乔什

【讨论】：

非常感谢 Genii 的精彩回答。您的帖子对我来说非常有用。

我已经看到了其他几个关于如何完成此任务的建议，而您的回答是迄今为止最好的。谢谢！

很好的答案，但是OnTextChanged 事件已经存在，当文本框失去焦点时触发。

【参考方案2】：

如果您希望服务器在文本框失去焦点后执行某些操作，您可以添加 AutoPostback="True"，如果您不希望回发重新加载整个页面，请使用 UpdatePanel：

    <asp:ScriptManager ID="ScriptManager1" runat="server" />
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:TextBox ID="TextBox1" runat="server" AutoPostBack="true" 
                            OnTextChanged="TextBox1_TextChanged" />
        </ContentTemplate>
    </asp:UpdatePanel>

TextBox1_TextChanged 函数然后可以对文本做一些事情（服务器端）。

【讨论】：

不感兴趣-updatepanel如何停止整个页面的重新加载

@Kamal... 它没有。更新面板不会阻止整个页面加载到服务器上。基本上发生的事情是使用 XmlHttpRequest 在客户端执行回发，然后除了 UpdatePanel 的内容之外的所有内容都被丢弃并返回。它减轻了正常回发的“闪烁”，但没有节省服务器上的处理时间。

它重新加载整个页面，但只发送更新面板的html和一些javascript来更新响应中的内容。响应可以比下载整个页面小得多，并且浏览器不必重新呈现页面。这可以稍微加快处理速度，用户不会注意到任何闪烁，体验更加流畅。

当我按 Tab 键时文本框的焦点丢失，但仍然没有触发 onchange 事件

反正已经在使用更新面板了，只是忘记了 ontextchanged 我喜欢这个答案。 +1

【参考方案3】：

if (!Page.IsPostBack)
    
        txtName.Attributes.Add("onblur","alert('Hello world')");
    

【参考方案4】：

你为什么不使用它。 Lostfocus 适用于：

OnTextChanged="TextBox_TextChanged"

【讨论】：

但是如果你的值没有改变呢？那是行不通的