how to logout a user when browser closed

Question

Here I want to logout an user when they close the browser. For that I have done R&D and found that the following code will fire when we close the browser.

window.onbeforeunload = function() {
  myService.logout();
  return 'Your own message goes here...';
}

Here when I try to close the browser this event will fire and it will make the user to logout. But here the problem is when the page is redirected that time also this event is firing.

I want to use this function to make the user to logout.But it is going wrong.Please help me to do this functionality.

Answer 1

But here the problem is when the page is redirected that time also this event is firing.

I guess this is a redirect that you yourself are performing. If that's the case, why don't you use a global variable to differ your redirects with your client's redirects? Something like this:

...
thisismyredirect = true; //before redirecting, set this variable
window.location = "http://www.yoururl.com";
...

and in your onbeforeunload event, you check whether this redirect was performed by you or not. If yes, then no need to call logout() function:

window.onbeforeunload = function() {
    if(!thisismyredirect) {
        myService.logout();
        return 'Your own message goes here...';
    }
}

Answer 2

Another solution is to use Window.sessionStorage. When the user logs in, you set the sessionStorage variable to 'true', when they logout you set it to 'false', and the variable will be removed from the sessionStorage when the browser closes. If you need to share the sessionStorage variable across tabs in the same browser instance, a great example has been posted here