Check if user is leaving the page js

Question

I tried onbeforeunload event but it's not working when leaving the page it's only working when I reload but every thing works fine on edge. I think Chrome have changed somethings in configuration. Is there a way to fix that or another method?

onbeforeunload = function(){
    return("bye");
}

AND is there a way I can check if user is closing the page or redirecting to another url with out firing on reloading or can I not do that?

You can find the answer here https://stackoverflow.com/questions/805463/javascript-to-check-when-the-browser-window-is-close — Amr Labib, Oct 07 '17 at 13:56

score 3 · Answer 1 · answered Oct 07 '17 at 13:56

3

Even when using JQuery, a framework with the objective cross browser compatibility, they say:

The exact handling of the unload event has varied from version to version of browsers. For example, some versions of Firefox trigger the event when a link is followed, but not when the window is closed. In practical usage, behavior should be tested on all supported browsers and contrasted with the similar beforeunload event.

Source

So you have to accept an inconsistent behaviour.

answered Oct 07 '17 at 13:56

BernhardWebstudio

937
9
17

So how can I handle that, I have a function necessarily need to know if user is leaving or redirecting to another page – shrouk mansour Oct 07 '17 at 13:58
depending on your site, at least the part with the redirect is easy by adding a click handler to every link – BernhardWebstudio Oct 07 '17 at 17:33
Ok but what about leaving the page?! – shrouk mansour Oct 07 '17 at 19:04

score 1 · Answer 2 · answered Oct 07 '17 at 13:55

1

You could try doing this:

window.onbeforeunload = function(e) {
  return "Bye";
}

As you need to attach the event to the window

answered Oct 07 '17 at 13:55

Nick Parsons

45,728
6
46
64

Check if user is leaving the page js

2 Answers2