Trigger function or event when closing browser tab using Javascript

Question

Is it possible to trigger a function when a using closes the browser tab and prevent it from closing instead a popup will ask the user to proceed to other page or continue to close the browser page?

Scenario:

When the user closes the browser tab of a page, then it wont close right away instead a custom popup (possibly html popup) will prompt and ask if continue to close or proceed to other page. So it would have 2 buttons, "Close" and "Proceed to Page".

If it's not possible using HTML popup, prompt would be fine too. But it should be crossbrowser.

By the way, i prefer using Javascript.. So that's my ideal script to make this function work

Thanks :)

Like https://developer.mozilla.org/en-US/docs/Web/API/Window.onbeforeunload? — j08691, Jan 13 '14 at 14:27
http://stackoverflow.com/questions/333665/javascript-to-get-an-alert-when-closing-the-browser-window — Shubh, Jan 13 '14 at 14:28
You shouldn't do that really, it's a horrible spammy why of making people not leave your site. — LasagnaAndroid, Jan 13 '14 at 14:33

jszobody · Answer 1 · 2014-01-13T14:39:26.270

2

You're looking for onbeforeunload:

window.onbeforeunload = function() {
  return "Are you sure you wish to leave the page?";
}

Just know that you will really annoy your visitors if you do this, it is strongly disliked.

edited Jan 13 '14 at 14:39

answered Jan 13 '14 at 14:28

jszobody

28,495
6
61
72

score 0 · Answer 2 · answered Jan 13 '14 at 14:28

0

Try this:

     var popit = true;
     window.onbeforeunload = function() { 
      if(popit == true) {
           popit = false;
           return "Are you sure you want to leave?"; 
      }
 }

Working Fiddle

answered Jan 13 '14 at 14:28

Milind Anantwar

81,290
25
94
125

Trigger function or event when closing browser tab using Javascript

2 Answers2