CODEWITHSUNDEEP
javascriptjqueryhttp-redirectcancel-button
trejder
trejder

Reputation: 17495

Cancel redirect / beforeUnload

I'm using jQuery BlockUI plugin to display some nice ("Please wait...") message every time user changes URL, clicks link, is redirected, goes somewhere etc.:

$(window).on('beforeunload', function(){$.blockUI();});

Now, I'd like to enhance this message with a Cancel button, that would prevent such redirect and let user stay on current page. This leads me to a question: Is there any way in Javascript to stop URL change process, that is in progress? Or any other method/solution, that I could bind in this Cancel button's click event?

Am I trying to do something stupid or useless?

Upvotes: 1

Views: 4822

Answers (1)

MarshallOfSound
MarshallOfSound

Reputation: 2719

You could try e.preventDefault() or return false in the beforeunload bit but what you are wanting to do is not technically supported by browser for security reasons. Image the implications of an unclosable window...

The best thing to do is use the built in syntax. Returning a string to beforeunload pops up a dialog box asking if you are sure you want to quit, with that string as the question and the options "leave page" or "stay on page".

Example

$(window).on('beforeunload', function(){
    return "Do you really want to leave this page?";
});

UPDATE

After further reading on this it turns out that major browsers support the return string syntax but Firefox does not. Firefox will simply replace your string with the line "Are you sure you want to exit this page?" or something like that.

TLDR: You can use the above return string syntax in all browsers but your custom sentence won't be shown in Firefox :)

Upvotes: 3

Related Questions