How to Detect the Client Browser/Tab Closed

India777

Hai all,
How to Detect, the Client Closed the Browser/Tab using Javascript.

Dormilich

the unload & beforeunload events are fired in that case.

India777

This events also fired when i Refresh the Page. What i do?

Killer42

Isn't reloading effectively the same as closing and reopening the page?

India777

I am only need to Find Browser/Tab Close only. Not an Reload or Refresh.I know this is not Possible Easily with Javascript.

Killer42

I'm no expert in this area, so hopefully we can get some input from someone more knowledgeable.

But it seems likely to me that when the user refreshes the page, what happens is that the page is unloaded (triggering beforeunload and unload events), then loaded again from scratch. From the viewpoint of javascript code within that page, it would be the same as if the user closed the page then opened a fresh copy of it.

Someone please correct me if I'm off track here.

Dormilich

you’re absolutely correct. due to the stateless nature of HTTP, there is no way for JavaScript itself to differentiate between a (user triggered) page close or reload.

acoder

India777, why do you need to detect this and what are you trying to do?

The question you've asked has already been answered, but you're probably trying to solve something else and thought you needed to be able to detect the browser/tab closing to solve it.

India777

When the user Close his/her Browser without Logout, I need to insert the row in the table.My Application is Created using Asp.net with c#.

Dormilich

When the user Close his/her Browser without Logout, I need to insert the row in the table

what row?

India777

Insert row in the Database Table, Containing the fields Username (Name of the User who logged in) and DateTime

Dormilich

I would register the logged-in user as soon as he logs in, not when he logs out.

another problem is also, what if the user closes the tab and 5 minutes later opens a page from your site. do you consider him logged-out and force him to log-in again?

maybe there’s a way to tell when C# destroys a session to use that as log-out time?

you could also save the time of the last action (Request of a page) which is often not too far away from leving your site.

India777

In c# the Session_End (Global method) will call after some times when user Closed their Browser/Tab. So i write my insert Query inside this Method.

Thanks very much Dormilich,Killer42,acoder.
again thanks for spend your time to Solve my Problem.

Srikanth7

checks if the X button was clicked on browser window

The following code returns true if user clicks on Close button else false. This code you can use it on events window.unload or window.onbeforeunload

Expand|Select|Wrap|Line Numbers

 function isUserClickedCloseButton()

    {
 
        var browserWindowWidth = 0;

        var browserWindowHeight = 0;

        // gets the width and height of the browser window

        if (parseInt(navigator.appVersion) > 3)

        {

        if (navigator.appName == "Netscape")

        {

            browserWindowWidth = window.innerWidth;

            browserWindowHeight = window.innerHeight;

        }

        if (navigator.appName.indexOf("Microsoft") !=- 1)

        {

            browserWindowWidth = top.window.document.body.offsetWidth;

            browserWindowHeight = top.window.document.body.offsetHeight;

        }

        }

        // checks if the X button was closed

        // if event.clientY < 0, then click was on the browser menu area

        // if event.screenX > (browserWindowWidth - 25), the X button was clicked

        // use screenX if working with multiple frames

        return (event.clientY < 0 && event.screenX > (browserWindowWidth - 25)) ? true : false;

    }

ServerThemes

Also looking for the problem. I had just found how to solve this problem

Expand|Select|Wrap|Line Numbers

 <html>

<head>

<title>Detecting browser close in IE</title>

  <script type="text/javascript" src="/jquery/1.4.4/jquery.min.js"></script>

<script type="text/javascript">

var validNavigation = false;
 
function wireUpEvents() {

  var dont_confirm_leave = 0; //set dont_confirm_leave to 1 when you want the user to be able to leave withou confirmation

  var leave_message = 'ServerThemes.Net Recommend BEST WEB HOSTING at new tab window. Good things will come to you'

  function goodbye(e) {

    if (!validNavigation) {

    window.open("/best-web-hosting-services","_blank");

        return leave_message;
 
    }

  }

  window.onbeforeunload=goodbye;
 
  // Attach the event keypress to exclude the F5 refresh

  $(document).bind('keypress', function(e) {

    if (e.keyCode == 116){

      validNavigation = true;

    }

  });
 
  // Attach the event click for all links in the page

  $("a").bind("click", function() {

    validNavigation = true;

  });
 
  // Attach the event submit for all forms in the page

  $("form").bind("submit", function() {

    validNavigation = true;

  });
 
  // Attach the event click for all inputs in the page

  $("input[type=submit]").bind("click", function() {

    validNavigation = true;

  });
 
}
 
// Wire up the events as soon as the DOM tree is ready

$(document).ready(function() {

  wireUpEvents();

});

</script>

</head>

<body>

<p>

Check which action detects browser window close:

<ol>

<li>Click this <a href="#" onclick="location.reload();return false">Refresh</a> link or the browser's Refresh button</li>

<li>Navigate away from this page through a <a href="http://serverthemes.net/">link</a></li>

<li>Type another URL in the address bar</li>

<li>Click Back or Forward button</li>

<li>Click the Close (X) button in the top-rightmost corner of the browser</li>

<li>Click the IE icon in the top-leftmost corner and choose Close. Or simply double-click the icon</li>

<li>Press Alt+F4 key</li>

</ol>

</p>

<p>In IE, the last 3 actions are correctly detected by the <a href="#" onclick="alert(doUnload);return false">javascript code</a> inside this page as browser close.</p>

</body>

</html>

Killer42

Thanks ServerThemes. Although it's probably a bit late to help India777, any information added here is potentially helpful next time someone comes along with a similar question.

How to Detect the Client Browser/Tab Closed

✓ answered by Dormilich

Post your reply

Similar topics