.NET 4.0 Web应用回发后无法获取最新焦点问题求助

问题现象 #

运行在.NET 4.0上的Web应用，回发后焦点无法正确定位到当前操作的字段，FocusedElementHiddenField中存储的是上一个字段的ID，而非触发回发时的当前焦点字段ID。

问题原因 #

ASP.NET的回发请求发起时机早于JavaScript更新隐藏字段的时机。比如点击控件、按Tab或Enter触发回发时，回发请求已经向服务器发送，此时用于更新隐藏字段的JS事件还未执行，导致服务器接收到的是旧的焦点元素ID。

解决方案 #

通过拦截ASP.NET的回发流程，在回发请求发起前强制更新隐藏字段的值，确保服务器获取到最新的焦点元素ID。

1. 修改JavaScript代码 #

重写ASP.NET内置的__doPostBack函数，在回发前更新隐藏字段；同时处理Enter键触发的回发场景：

document.addEventListener("DOMContentLoaded", function () {
    var focusedElementHiddenField = document.getElementById("FocusedElementHiddenField");

    // 重写ASP.NET回发函数，确保回发前更新焦点ID
    var originalDoPostBack = window.__doPostBack;
    window.__doPostBack = function(eventTarget, eventArgument) {
        var activeElement = document.activeElement;
        if (activeElement && activeElement.id && focusedElementHiddenField) {
            focusedElementHiddenField.value = activeElement.id;
        }
        originalDoPostBack(eventTarget, eventArgument);
    };

    // 处理文本框按Enter触发的回发
    document.addEventListener("keydown", function (event) {
        if (event.key === "Enter") {
            var activeElement = document.activeElement;
            if (activeElement && activeElement.id && focusedElementHiddenField) {
                focusedElementHiddenField.value = activeElement.id;
            }
        }
    });
});

2. 保留ASP.NET隐藏字段配置 #

<asp:HiddenField ID="FocusedElementHiddenField" runat="server" ClientIDMode="Static" />

3. 优化后台Page_PreRender逻辑（可选） #

增加控件存在性判断，避免因元素不存在导致的异常：

protected void Page_PreRender(object sender, EventArgs e)
{
    if (Page.IsPostBack)
    {
        string focusedElementId = FocusedElementHiddenField.Value;

        if (!string.IsNullOrEmpty(focusedElementId) && Page.FindControl(focusedElementId) != null)
        {
            this.Page.SetFocus(focusedElementId);
        }
    }
}

原理说明 #

• 重写__doPostBack函数可以覆盖所有ASP.NET控件触发的回发场景，在回发请求发送前完成隐藏字段的更新，消除时间差问题。
• Enter键的单独处理是为了覆盖文本框等控件按Enter直接触发回发但未走__doPostBack的特殊情况。

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