C#条码扫描应用：如何让不可见文本框始终保持焦点？

嘿，这个场景我太熟悉了——用隐藏的文本框对接即插即用扫描器，还要保证焦点不丢，尤其是切换标签页的时候对吧？之前帮同事处理过几乎一模一样的问题，给你几个靠谱的解决方案：

核心问题分析 #

服务器端的txtID.Focus()这类方法只能在页面初始加载或回发完成时生效，但切换标签页、点击页面其他区域属于客户端行为，浏览器会自动转移焦点，这时候得靠前端JavaScript来强制维持焦点。

具体解决方案 #

1. 监听窗口激活事件（解决标签页切换丢焦点） #

当用户切回你的标签页时，自动让文本框重新获得焦点：

// 监听窗口获得焦点的事件
window.addEventListener('focus', function() {
    // 注意：如果是ASP.NET服务器控件，要使用客户端生成的真实ID
    const scanTextBox = document.getElementById('<%= txtID.ClientID %>');
    if (scanTextBox) {
        scanTextBox.focus();
    }
});

2. 监听页面点击事件（解决点击窗口任意区域丢焦点） #

不管用户点击页面的哪个位置，都让文本框抢回焦点（排除点击文本框本身的情况，避免重复触发）：

document.addEventListener('click', function(e) {
    const scanTextBox = document.getElementById('<%= txtID.ClientID %>');
    if (scanTextBox && e.target !== scanTextBox) {
        scanTextBox.focus();
    }
});

3. 处理隐藏控件的聚焦兼容性 #

如果你的文本框是用display: none隐藏的，部分浏览器会拒绝给这类控件设置焦点。可以改成以下两种隐藏方式，既不可见又能正常聚焦：

• 方式一：使用visibility: hidden（控件仍占据页面空间，只是不可见）
• 方式二：使用绝对定位移出可视区域（推荐，不占空间）

#txtID {
    position: absolute;
    left: -9999px;
    top: -9999px;
}

4. 回发后重新聚焦（配合AutoPostBack） #

因为你的文本框设置了AutoPostBack="true"，回发完成后页面会刷新，这时候要确保文本框重新获得焦点。可以在页面的load事件里再加一次聚焦：

window.addEventListener('load', function() {
    const scanTextBox = document.getElementById('<%= txtID.ClientID %>');
    if (scanTextBox) {
        scanTextBox.focus();
    }
});

总结 #

把这些代码组合起来，就能实现：无论点击页面哪里、切换标签页后，隐藏的扫描文本框都能自动保持焦点，扫描器的输出也能正常进入文本框触发AutoPostBack。

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