如何阻止 <a> 标签的 window.on('beforeUnload') 事件？

Question

在我的项目中，当用户想要使用“X按钮”关闭窗口/选项卡时，我需要获取用户确认警报。

但是，window.on('beforeUnload')也适用于“超链接”。如何阻止此“离开页面”警报对标签进行阻止？

我的JSP将拥有

<a href="next.jsp" id="navigate"> click here </a>

我的Jquery将会有，

$(document).ready(function(){
    $('#navigate').on('click', function() {
    stopNavigate(event);
    });
    
});

function stopNavigate(event){   
    $(window).off('beforeunload', function(){
        
    });
}


$(window).on('beforeunload', function(){
    return 'Are you sure you want to leave?';
});

$(window).on('unload', function(){
    logout();


});

我不想在用户点击任何超链接时弹出“离开消息提示”。我需要仅在关闭窗口操作时弹出“离开消息提示”。

- Human Being

---

你真的是在询问如何在关闭窗口时获得确认，而不是导航离开它吗？因为有很多种方式可以离开当前页面，而不使用链接。 - Reinstate Monica Cellio

$(window).off('beforeunload');，也许你需要在锚点的mousedown（mouseup？）处理程序上调用它，而不是click处理程序。 - A. Wolff

@Archer 不需要。我不想让用户在点击任何链接时看到离开消息警报。我只需要在窗口关闭时才有。 - Human Being

那么当他们点击返回按钮时，您对显示的消息感到满意吗？ - Reinstate Monica Cellio

@Wolff，这个按预期工作。 - Human Being

Answer 1

$(document).ready(function () {
    $('#navigate').on('mouseenter', stopNavigate)
        .on('mouseout', function () {
        $(window).on('beforeunload', windowBeforeUnload);
    });

});

function stopNavigate(event) {
    $(window).off('beforeunload');
}

function windowBeforeUnload() {
    return 'Are you sure you want to leave?';
}

$(window).on('beforeunload', windowBeforeUnload);

演示

- A. Wolff

---

如果可能的话，我会给予10000+分。但抱歉，我只能给+1分。 - Human Being

Answer 2

试试这个 -

$("a").mousedown(function() {
    $(window).unbind();
});

- Gupta.Swap