如何防止使用 jQuery 卸载页面？答案

【问题标题】：How can I prevent a page unload with jQuery?如何防止使用 jQuery 卸载页面？
【发布时间】：2012-03-05 09:56:54
【问题描述】：

在我的程序中，如果用户试图离开页面，他会收到一个对话框，询问他是否确定要离开。

如果用户选择不离开页面，我应该如何实现“取消”选项？

源javascript代码：

$(window).unload(function(){
   var c= confirm ("Are you sure?");
   if (c){
       alert("Thanks. Good luck!");
   }
   else{
       ????
   }
});

【问题讨论】：

只提示用户是否有任何未保存的更改等。永远不要在他们离开时用另一个警告对话框等感谢他们，这是最糟糕的用户体验案例。
谢谢，我同意。现在回想起来，这是一个非常好的建议。

标签： javascript jquery jquery-events

【解决方案1】：

window.onbeforeunload = function() {
    return 'You have unsaved changes!';
}

stackoverflow 中有很多关于这个的问题 How can I override the OnBeforeUnload dialog and replace it with my own?

JavaScript + onbeforeunload

【讨论】：

那你为什么不将该问题标记为重复？
我不想将他重定向到其他页面。

【解决方案2】：

 jQuery(window).on('beforeunload',function(){
    var value = navigateAway(isDirty);
    if(value=="changed")`enter code here`
    {
        if(jQuery("#saveCheck").val()=="false")
        {
            return "<?php echo JText::_('OVR_WANT_TO_LEAVE');?>";
        }
    }

 });

【讨论】：