Logout user when browser close

Question

I would like log out user when he/she close the browser, but not tab.

I'm aware with the 'beforeunload' event-listener from JS, but that also being call when close tab.

I have a JS function called logout(). How could I call this when user close browser?

I am quite new in web dev. But I guess the best way would be to have the server continuously ping the client. — rsonx, Jul 02 '20 at 16:37
I thought about that too, but would be a waste of bandwidth if every clients are pinging client every minute — Gecko 11, Jul 02 '20 at 17:03
Does this answer your question? [Detect browser or tab closing](https://stackoverflow.com/questions/3888902/detect-browser-or-tab-closing) — Raffobaffo, Jul 02 '20 at 19:35

score 0 · Answer 1 · answered Jul 02 '20 at 15:31

You could compare the timestamp of the close event. The browser need more time to close all tabs and so there are a little delay.

//Unload Events
$(window).on('unload',function(e) {
  e = e || window.event;

  var timestamp = localStorage.getItem('timestamp')
  if(timestamp !=null && timestamp !=undefined){
    var TimeNow = new Date().getTime(), Difference  = TimeNow - timestamp ;

    if(Difference<20){
      //Browser Closed
      console.log('Browser Closed')
      localStorage.removeItem('timestamp');
 
      //Your logout function
      logout();
    }else{
      //Tab Closed
      console.log('Browser Tab Closed');
      localStorage.setItem('timestamp',new Date().getTime());
    }

  }else{
    //Other Event
    localStorage.setItem('timestamp',new Date().getTime());
  }
});

There no other solution for this detection.

I try it and for me it works on the Google Chrome Browser. You can't make an alert or something in this event — David H., Jul 02 '20 at 19:16

Logout user when browser close

1 Answers1