Prevent user to leave my page in javascript

Question

In my form, I have an unshowy modal. I open the modal if the user clicks on my "leave image" and I ask if he wants to leave.

Is that possible in JavaScript (Jquery ?) to "stop" the reloading or the page change to show my modal and continue the action (Reload, Next page, Prev page, etc...) if the user says yes?

I tried:

$(window).bind('beforeunload', function(){
    return 'message to show';
});

But I don't want to open the browser popup, I want mine ^^.

think this is a question that has been asked many, many times. see http://stackoverflow.com/questions/13443503/how-to-run-javascript-code-on-window-close — atmd, Mar 24 '14 at 11:23
"But i don't want to open the browser popup, i want mine ^^." No, that's not possible! — A. Wolff, Mar 24 '14 at 11:26

score 3 · Answer 1 · answered Mar 24 '14 at 11:24

3

There is no way of stopping user from leaving the page. Only thing that can be done is confirm window.

answered Mar 24 '14 at 11:24

giker

4,165
1
18
10

2

Ok, how do you do that then? – Salketer Jan 06 '15 at 08:18
1

@giker only straight answer I get. – roger Sep 08 '17 at 00:52

Dean Meehan · Answer 2 · 2019-07-05T11:30:11.403

There is both window.onbeforeunload and window.onunload, which are used differently depending on the browser. You can ask them either by setting the window properties to functions, or using the .addEventListener:

window.onbeforeunload = function(){
   // Do something
}

// OR

window.addEventListener("beforeunload", function(e){
   // Do something
}, false);

Usually, onbeforeunload is used if you need to stop the user from leaving the page (ex. the user is working on some unsaved data, so he/she should save before leaving). onunload isn't supported by Opera, as far as I know, but you could always set both.

Prevent user to leave my page in javascript

2 Answers2

Related