jQuery unload event only for close window not for Link navigation

Question

I am using this code for logging out user when closes the page, but the user will logout also when clicking on other links (same website):

  $( window ).unload(function() {
    $.ajax({url:"?logout&leave=yes", async:false})
  });

Is there any way to distinguish between link navigation and real page close?

EDIT:

I am currently implemented this solution, but it lacks to detect page reload

  $('a').click(function(){
      var url = $(this).attr("href");
      window.onbeforeunload = null;
      $(window).unbind('beforeunload');
      window.location = url;
  });

is click event of is not working? have you alert in it for testing? — Manwal, Oct 26 '13 at 19:36
Well if you can trigger document.click(function(){create cookie}; then on before unload check that cookie have its value from this way you can detect page is reloading or browser is about to unload — Just code, Oct 30 '13 at 11:22

score 5 · Accepted Answer · answered Oct 26 '13 at 19:45

5

Try the following solutions, hope this helps

<script>
$(window).bind('click', function(event) {
    if(event.target.href) 
        $(window).unbind('beforeunload');
});
$(window).bind('beforeunload', function(event) {
    $.ajax({url:"?logout&leave=yes", async:false});
});
</script>

or

var logOutFlag = true;
$('a').click(function(){
    logOutFlag = false;
});
$(window).bind('beforeunload', function(event) {
    if(logOutFlag){
         $.ajax({url:"?logout&leave=yes", async:false});   
    }
});

answered Oct 26 '13 at 19:45

N20084753

2,130
2
17
12

will this work if the user clicks a `submit` button and the page posts back? – th1rdey3 Oct 26 '13 at 20:21
1

@th1rdey3 - ya this should work i hope since on submit action you can make the flag to be false or unbind beforeunload, then only the beforeunload event will be triggered such that you can prevent the logout. – N20084753 Oct 26 '13 at 20:27

score 4 · Answer 2 · edited May 23 '17 at 10:27

This question has been asked several times :

javascript detect browser close tab/close browser
How to detect a window close event using javascript or php
Automatic logout if the tab is closed
and you can find many others.

The short answer is : you can't. As the other answers say : there are actually many other legitimate cases where the user definitely doesn't want to be logged out when closing a tab (same site opened in two tabs, bookmark clicking, url manually modified in the navigation bar ...).

The only way I know of detecting if a user wants to log out is to put a "Logout" button on your page.
Otherwise, you should manage a timeout mechanism for your sesions (e.g. : on the server side, delete sessions after say 30 minutes of inactivity).

score 1 · Answer 3 · edited Mar 20 '17 at 10:29

There is no way to know where does the user want to go when he leaves your page.

Instead on unbinding manually events on click, you could set a flag, and skip AJAX request in your unload callback when this flag is set. Also, note that $(window).unload() is deprecated and should be replaced with: $(window).on('unload', function() {}).

The only solution I can think about, is to set value in a cookie (or LocalStorage) on page unload and check if this value is set on page load. But that won't work if you want to send an AJAX request only when the users leaves your app.

I am afraid we are in front of an XY problem, though. Can't you set some sort of timeout on server-side, which will properly logout user as soon as he is inactive? Even with the link trick, your current solution won't work if the user is logged in multiple times, if he opens a new window/tab, or if he simply lets the page run in background.

Thanks, but no need to deep into this complexity, @N20084753's answer is applicable and helped. — Jason OOO, Oct 27 '13 at 07:23

score 0 · Answer 4 · answered Oct 29 '13 at 00:23

0

Links arent the only problem, what if user edits the url and resubmits or simply refreshes the page to see new content. Or as mentioned previously, if user has 2 or more windows opened, and he closes the one, does it log out the other window ?

answered Oct 29 '13 at 00:23

Rainer Plumer

3,693
2
24
42

jQuery unload event only for close window not for Link navigation

4 Answers4

Linked