alter alert dialog on window close

Question

What I'm trying to accomplish is the following:

If the user tries to close the window the alert pops up and I want to change the text so a user has the option to leave the page or can choose to stay and redirect to another page.

Probably searching for it in the wrong way but I really can't find anything that works.

What I have so far:

window.onbeforeunload = function() { /*...*/ }

I need to know how to adjust the text of the alert and add a handler on the stay button.

You can no more use custom message on most modern browsers due to abuse. They all tend to now use FF behaviour where custom message was disabled from long time ago — A. Wolff, Oct 11 '16 at 09:33
@user3398922 check my answer in the duplication question above. It covers all your options. — Dekel, Oct 12 '16 at 01:58

bash0ne · Answer 1 · 2016-10-11T09:47:39.527

0

For altering the text I dont know exactly how to help you, but you could use the confirm() function from the window object.

This would look like this:

function myFunction() {
  var answer;
  var result = confirm("Press a button!");
  if (result === true) {
      answer = "You pressed OK!";
  }   else {
      answer = "You pressed Cancel!";
  }
  alert(answer);
}

Refer to this post.

UPDATE: onbeforeunload blocks the dialog. A much simpler solution would be to return something from the event, then you'd get asked in any case:

window.onbeforeunload = function(){
  return "";
};
//Are you sure you want to leave?

edited Oct 11 '16 at 09:47

answered Oct 11 '16 at 09:35

bash0ne

394
3
14

`You could fire the confirmation alert in the onbeforeunload event` No, this is disabled from beforeunload handler – A. Wolff Oct 11 '16 at 09:39
@A.Wolff true, you have to `return`. – bash0ne Oct 11 '16 at 09:44

alter alert dialog on window close

1 Answers1