Electron中onbeforeunload事件失效问题求助

你的代码在Electron中出现卡顿的核心原因是：调用了e.preventDefault()，同时返回true的处理方式和Electron的事件逻辑冲突。标准浏览器对onbeforeunload的处理不需要preventDefault()，而Electron会因为这个调用导致卸载流程异常阻塞。

以下是兼容标准浏览器和Electron的修正方案：

修正后的代码 #

window.onbeforeunload = function(e) {
    if (!saved) {
        // 返回非空字符串触发确认弹窗，符合W3C标准规范
        e.returnValue = "你有未保存的内容，确定要离开吗？";
        return e.returnValue;
    }
    // 已保存时无需返回值，允许页面正常卸载
};

关键调整说明 #

• 移除e.preventDefault()：标准浏览器中onbeforeunload的触发逻辑不需要阻止默认行为，返回非空值即可唤起确认弹窗；Electron中调用该方法会干扰卸载流程，引发卡顿。
• 用非空字符串替代true：W3C规范明确要求onbeforeunload需返回非空字符串来触发确认，Electron严格遵循这一规范，而返回true会导致其处理逻辑异常。
• 已保存时不设置返回值：无需手动设置e.returnValue = false，不返回值或返回undefined会让浏览器和Electron正常执行卸载流程。

额外注意事项 #

• 不要在onbeforeunload中执行异步操作，这会导致Electron和浏览器都无法正确处理卸载逻辑。
• 确保saved变量的状态更新是同步的，避免因状态判断错误导致弹窗误触发或不触发。

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