一尘不染

如何阻止tag的window.on('beforeUnload')事件?

jsp

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

但是 window.on(’beforeUnload’) 也适用于 超链接 。如何阻止此leave page警报<a> tag

我的 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();


});

我不希望leave message alert用户单击任何按钮links。我leave message alert只需要进行
窗口关闭操作


阅读 419

收藏
2020-06-08

共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);
2020-06-08