文本框扫码触发AutoPostBack导致内容丢失的解决求助

先分析你现有方案的核心问题：

1. AutoPostBack=false+OnTextChanged逻辑无效：当AutoPostBack=false时，OnTextChanged事件不会自动触发（仅在表单提交时才会触发），且你后台的while循环逻辑完全错误——初始lastKeyPress就是当前时间，循环条件永远不成立，根本无法获取条码内容。
2. JS阻止回车的局限性：扫码枪可能发送的结束符不是Enter（比如Tab），或者事件绑定时机不对（DOM未加载完成就绑定），导致阻止逻辑失效。

以下是可行的解决方案：

1. 修正TextBox基础配置 #

简化TextBox属性，移除无用的OnTextChanged（AutoPostBack=false时它不会自动触发）：

<asp:TextBox ID="bookISBN" runat="Server" AutoPostBack="false"></asp:TextBox>

2. 用JS处理扫码输入并避免回发 #

扫码枪输入的特点是快速连续输入字符，可以通过定时器判断扫码完成，同时阻止可能触发回发的按键（Enter/Tab）：

<script type="text/javascript">
    let scanTimer = null;
    const barcodeInput = document.getElementById('<%= bookISBN.ClientID %>');

    // 监听输入事件，通过定时器判断扫码完成
    barcodeInput.addEventListener('input', function() {
        if (scanTimer) clearTimeout(scanTimer);
        // 200ms无输入则判定扫码完成
        scanTimer = setTimeout(() => {
            const barcode = this.value.trim();
            if (barcode) {
                // 扫码完成后调用后台处理逻辑（见步骤3）
                processBarcode(barcode);
            }
        }, 200);
    });

    // 阻止Enter/Tab的默认行为，避免表单提交或焦点跳转
    barcodeInput.addEventListener('keydown', function(e) {
        if ([13, 9].includes(e.keyCode)) { // 13=Enter，9=Tab
            e.preventDefault();
            e.stopPropagation();
        }
    });

    // AJAX请求后台处理条码，无页面刷新
    function processBarcode(barcode) {
        const xhr = new XMLHttpRequest();
        xhr.open('POST', '<%= ResolveUrl("~/你的页面.aspx/ProcessBarcode") %>', true);
        xhr.setRequestHeader('Content-Type', 'application/json; charset=utf-8');
        xhr.onreadystatechange = function() {
            if (xhr.readyState === 4 && xhr.status === 200) {
                const result = JSON.parse(xhr.responseText).d;
                // 处理后台返回结果，比如提示用户
                console.log('处理结果:', result);
            }
        };
        xhr.send(JSON.stringify({ barcode: barcode }));
    }
</script>

3. 后台添加WebMethod处理条码 #

在页面后台代码中添加静态WebMethod，用于接收JS传递的条码并处理：

using System.Web.Services;

public partial class 你的页面 : System.Web.UI.Page
{
    [WebMethod]
    public static string ProcessBarcode(string barcode)
    {
        // 编写条码处理逻辑，如查询数据库、验证ISBN等
        return $"条码 {barcode} 已成功处理";
    }
}

4. 额外优化建议 #

• 检查扫码枪设置：部分扫码枪可配置结束符，改成不发送任何结束符，从根源避免触发回发按键。
• 若必须回发：如果需要刷新页面其他控件，可在扫码完成后用JS手动触发一个隐藏按钮的点击事件，确保条码已输入完成再提交表单，避免内容丢失。

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