How can I prevent a page unload with jQuery?

Question

In my program, if a user tries to leave a page, he'll receive a dialog box asking if he is sure he wants to leave.

How should I implement the 'cancel' option if the user chooses not to leave the page?

Source javascript code:

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

ONLY prompt the user if there are any kind of unsaved changes etc. NEVER EVER thank them with another alert dialog etc when they leave, it's the worst possible UX case. — zatatatata, Mar 05 '12 at 09:58
Thanks, I am agree. It is a very good advice when I think about it now. — tatiana_c, Mar 05 '12 at 10:12

score 17 · Accepted Answer · edited May 23 '17 at 12:30

17

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

many question about this in stackoverflow How can I override the OnBeforeUnload dialog and replace it with my own?

JavaScript + onbeforeunload

edited May 23 '17 at 12:30

Community

1
1

answered Mar 05 '12 at 10:00

sandeep

2,244
1
23
38

Then why did not you flag the question as a duplicate? – kapa Mar 05 '12 at 10:04
4

i dont want to redirect him to other page. – sandeep Mar 05 '12 at 10:05

score 0 · Answer 2 · edited Dec 25 '13 at 11:39

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

 });

edited Dec 25 '13 at 11:39

kleopatra

51,061
28
99
211

answered Dec 25 '13 at 11:28

user3134411

1
1

How can I prevent a page unload with jQuery?

2 Answers2

Linked