点击含window.onbeforeunload的链接时弹窗异常问题求助

首先咱们拆解下你遇到的核心矛盾：

• 选中行触发formmodified=1后，点击行内下载链接本该跳过离开提醒，但实际弹了出来
• 你的代码里在confirmExit函数内绑定点击事件的逻辑完全走偏了——window.onbeforeunload是页面即将离开时才触发的，这时候再给元素绑定点击事件，根本赶不上当前的点击动作，所以哪怕你能看到clicked的日志，那也是后续点击触发的，和当前这次页面离开的判断无关，element_clicked自然永远是0

你的代码里的几个明显问题 #

1. 选择器错误：$("course_row")缺少选择器前缀，应该是$(".course_row")（如果是类名）或者$("#course_row")（如果是ID），不然根本找不到目标行元素
2. onbeforeunload内绑定事件逻辑错误：页面即将离开时才绑定点击事件，完全无法捕捉到触发页面离开的那次点击动作
3. 未区分“安全点击”和“危险点击”：你需要提前记录用户点击的是不是允许跳过提醒的元素（比如下载链接），而不是在离开时才临时判断

修正后的代码思路 #

我们要提前监听页面上的所有点击，记录用户是否点击了#content_div内的“安全元素”（比如下载链接），再在页面离开时根据这个记录决定是否弹出提醒。

$(function() {
    let formmodified = 0;
    let isSafeClick = false; // 新增变量，标记是否点击了无需触发提醒的元素

    // 修正选择器：假设course_row是类选择器，改成.course_row
    $(".course_row").click(function(e) {
        formmodified = 1;
    });

    // 点击提交按钮后，重置修改状态和安全点击标记
    $("#submit").click(function() {
        formmodified = 0;
        isSafeClick = false;
    });

    // 提前监听全局点击，判断是否是content_div内的下载链接
    $(document).on('click', function(e) {
        const target = $(e.target);
        // 这里可以根据实际情况调整判断条件：比如下载链接有特定类名，或者href包含download关键词
        if (target.closest('#content_div').length && target.closest('a[href*="download"]').length) {
            isSafeClick = true;
        } else {
            isSafeClick = false;
        }
    });

    // 页面离开前的确认逻辑
    window.onbeforeunload = function() {
        // 如果是安全点击（比如下载链接），或者没有修改内容，就不弹出提醒
        if (isSafeClick || formmodified === 0) {
            isSafeClick = false; // 重置标记，避免影响后续操作
            return;
        }
        // 否则弹出提醒
        return "The selected courses are not saved. Do you wish to leave the page ? ";
    };
});

关键说明 #

1. 提前监听点击事件：在document上全局监听点击，提前捕捉用户的操作，用isSafeClick记录是否是无需提醒的点击
2. 精准匹配安全元素：你可以根据实际场景调整安全元素的判断规则，比如下载链接有特定类名download-link，就改成target.closest('.download-link').length
3. 状态重置：每次提交或页面离开后重置isSafeClick，避免状态残留导致后续判断出错
4. 修正选择器：确保行元素的选择器正确，不然连formmodified=1的逻辑都不会触发

这样修改后，点击#content_div内的下载链接时会跳过提醒，修改内容未保存就刷新/点击外部链接时，会正常弹出提醒，完全符合你的预期。

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