如何使用jQuery阻止页面卸载?

时间:2012-03-05 09:56:54

标签: javascript jquery javascript-events

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

如果用户选择不离开页面,我该如何实施'取消'选项?

来源javascript代码:

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

感谢。

2 个答案:

答案 0 :(得分:15)

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

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

JavaScript + onbeforeunload

答案 1 :(得分:0)

 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');?>";
        }
    }

 });