Question

在我的项目中，当用户想要使用 X按钮关闭窗口/标签时，我需要获取用户确认提醒。

但 window.on（'beforeUnload'）也适用于超链接。如何阻止leave page的{{1}}提醒？

我的 JSP 将具有

<a> tag

我的 Jquery 会有，

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

当用户点击任意$(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(); });时，我不想要leave message alert。我只需{{1>} 窗口关闭操作。

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);

DEMO

Answer 2

试试这个 -

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

如何阻止<a> tag?</a>的window.on（'beforeUnload'）事件

2 个答案: