在我的项目中,当用户想要使用 X按钮 关闭窗口/选项卡时,我需要获取用户确认警报。
但是 window.on(’beforeUnload’) 也适用于 超链接 。如何阻止此leave page警报<a> tag?
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只需要进行 窗口关闭操作 。
leave message alert
links
$(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);