旧VB.Net应用中回车触发PostBack导致JS函数无法执行的解决方法

这个问题在WebForms开发里挺常见的——回车会触发页面默认的提交行为，直接跳过你的JS逻辑就触发PostBack了。下面给你几个实用的解决办法：

方法一：修改readKeyPress函数，阻止默认事件 #

直接在按键处理函数里，检测到回车时，执行完业务逻辑后阻止浏览器的默认提交行为：

function readKeyPress(e) {
    // 兼容不同浏览器的事件对象
    const event = e || window.event;
    // 判断是否按下回车键（keyCode为13）
    if (event.keyCode === 13) {
        // 执行你的读取输入框逻辑
        const accountNumber = document.getElementById('hiddenAccountNumber').value;
        console.log('读取到的账号：', accountNumber);
        
        // 阻止默认的PostBack行为
        if (event.preventDefault) {
            // 适配现代浏览器
            event.preventDefault();
        } else {
            // 兼容旧版IE
            event.returnValue = false;
        }
        // 额外返回false确保彻底阻止提交
        return false;
    }
}

同时要修改输入框的事件绑定，确保返回函数的执行结果：

<input type="text" id="hiddenAccountNumber" class="js-card" placeholder="Test" onkeypress="return readKeyPress(event)"/>

方法二：直接在事件绑定里拦截回车 #

如果不想修改函数逻辑，可以简化成在输入框的onkeydown事件里直接处理：

<input type="text" id="hiddenAccountNumber" class="js-card" placeholder="Test" 
       onkeydown="if(event.keyCode === 13){readKeyPress(); return false;}"/>

这种方式更直接，按下回车时先执行你的readKeyPress函数，然后返回false立刻阻断PostBack流程。

方法三：适配UpdatePanel的动态渲染场景 #

因为你的页面用到了UpdatePanel，如果这个输入框是在UpdatePanel刷新后动态生成的，静态事件绑定可能会失效。这时候推荐用事件委托来绑定逻辑：

// 绑定到document节点，确保UpdatePanel刷新后依然生效
document.addEventListener('keypress', function(e) {
    const target = e.target;
    // 只处理目标输入框的回车事件
    if (target.id === 'hiddenAccountNumber' && e.keyCode === 13) {
        readKeyPress();
        e.preventDefault();
        return false;
    }
});

这样不管UpdatePanel怎么刷新重绘页面，只要输入框存在，事件就能正常触发。

原理说明 #

WebForms页面默认会把回车事件关联到页面内第一个可提交的按钮（比如asp:Button），自动触发PostBack。通过阻止事件的默认行为（return false或preventDefault），就能打断这个默认流程，让你的JS代码完整执行。

内容的提问来源于stack exchange，提问作者Jose Raul Perera