如何在asp:TextBox按下任意键时触发OnTextChanged事件

要让asp:TextBox在用户按下任意按键时立即触发后台的SearchBox_TextChanged方法，你需要修改前端控件的客户端事件，主动触发回发操作，具体步骤如下：

修改前端TextBox代码 #

在原有的asp:TextBox控件中添加onkeyup客户端事件，调用ASP.NET内置的__doPostBack函数来触发回发：

<asp:TextBox ID="SearchBox" runat="server" placeholder="Search" AutoPostback="true" 
    OnTextChanged="SearchBox_TextChanged"
    onkeyup="__doPostBack('<%= SearchBox.UniqueID %>', '')">
</asp:TextBox>

代码说明 #

• __doPostBack是ASP.NET自动生成的客户端函数，用于触发服务器端回发事件。第一个参数传入控件的UniqueID（ASCX用户控件中的控件ID会包含容器前缀，用<%= SearchBox.UniqueID %>能获取到正确的服务器端识别ID），第二个参数可传自定义事件参数，这里留空即可。
• 保留AutoPostback="true"确保原有回车/失焦触发的逻辑依然生效，同时新增的onkeyup事件会在每一次按键抬起时触发回发。

后台代码无需修改 #

你的后台SearchBox_TextChanged方法不需要做任何改动，回发后ASP.NET会自动调用该方法执行搜索逻辑：

protected void SearchBox_TextChanged(object sender, EventArgs e)
{           
     // 执行搜索逻辑
}

可选优化：添加防抖（减少频繁回发） #

如果担心用户连续按键导致频繁回发服务器，可以添加防抖逻辑，比如等待用户停止输入500毫秒后再触发回发：

<asp:TextBox ID="SearchBox" runat="server" placeholder="Search" AutoPostback="true" 
    OnTextChanged="SearchBox_TextChanged"
    onkeyup="debouncePostBack()">
</asp:TextBox>

<script type="text/javascript">
let debounceTimer;
function debouncePostBack() {
    clearTimeout(debounceTimer);
    debounceTimer = setTimeout(function() {
        __doPostBack('<%= SearchBox.UniqueID %>', '');
    }, 500); // 500毫秒防抖间隔，可按需调整
}
</script>

内容的提问来源于stack exchange，提问作者hotflix