SpringBoot/JSP/JS应用beforeunload未正确检测全局变量问题咨询

看起来你遇到的是浏览器beforeunload事件和应用内状态同步的竞争问题——虽然你确保了先设置actionFromApp再提交表单，但浏览器的事件循环和页面卸载的处理逻辑，可能导致监听器读取变量时状态更新还没生效，或是全局变量的作用域出现了意外隔离。下面给你几个可靠的修复方案：

方案1：用SessionStorage替代全局变量存储状态 #

全局变量在页面卸载前的临界场景下容易出现状态同步问题，改用sessionStorage可以更稳定地传递操作来源的状态：

// 页面加载时初始化状态
sessionStorage.setItem('actionFromApp', 'false');

function buttonClick(formName) {
    // 标记为应用内操作
    sessionStorage.setItem('actionFromApp', 'true');
    disableAllActiveButtons(formName);
    document.getElementById(formName).submit();
}

window.addEventListener("beforeunload", function(event) {
    const isFromApp = sessionStorage.getItem('actionFromApp') === 'true';
    if (!isFromApp) {
        event.preventDefault();
        event.returnValue = true;
    }
    // 重置状态，避免影响后续页面操作
    sessionStorage.setItem('actionFromApp', 'false');
});

方案2：提交表单时直接移除beforeunload监听器 #

既然应用内的表单提交不需要触发弹窗，最直接的方式就是在点击按钮时移除监听器，从根源上避免判断逻辑的问题：

// 先把监听器存为变量，方便后续移除
let unloadListener;

function initUnloadListener() {
    unloadListener = function(event) {
        event.preventDefault();
        event.returnValue = true;
    };
    window.addEventListener("beforeunload", unloadListener);
}

// 页面初始化时挂载监听器
initUnloadListener();

function buttonClick(formName) {
    // 移除监听器，避免触发弹窗
    window.removeEventListener("beforeunload", unloadListener);
    disableAllActiveButtons(formName);
    document.getElementById(formName).submit();
}

方案3：确保全局变量的作用域全局可访问 #

如果是let声明的变量存在作用域隔离问题（比如你的JS是模块化加载的），可以把变量挂载到window对象上，确保监听器能访问到同一个变量实例：

// 把变量挂到window上，确保全局可访问
window.actionFromApp = false;

function setActionFromApp() {
    window.actionFromApp = true;
}

function buttonClick(formName) {
    setActionFromApp();
    disableAllActiveButtons(formName);
    document.getElementById(formName).submit();
}

window.addEventListener("beforeunload", function(event) {
    if (!window.actionFromApp) {
        event.preventDefault();
        event.returnValue = true;
    }
    // 重置状态
    window.actionFromApp = false;
});

补充说明 #

出现这个随机问题的核心原因是：同步表单提交会立即触发页面卸载，浏览器处理beforeunload事件的时机和你设置变量的时机非常接近，JS引擎的任务队列可能导致监听器先读取了旧值。上述方案中，方案1和方案2能更彻底地规避这种竞争条件，推荐优先尝试。

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