How to end user session when browser closed

Introduction

How to capture logoff time when user closes browser?

How to end user session when browser closed?

How to end user session when user redirects to another site?

These are some of the frequently asked questions. Normally this is the requirement of any application. There is no fool-proof technique to catch the browser close event for 100% of the time. The trouble lies in the stateless nature of HTTP. I am explaining one of them which is very effective and tested.

Using the Code

1. First create a page LogOut.aspx and in Page_Load event, write this code:

protected void Page_Load(object sender, EventArgs e)
{  
  Session.Abandon();
}

2. Then add the following JavaScript code in your page or Master Page:

<script type="text/javascript">
 
var clicked = false;  
 function CheckBrowser()  
   {      
      if (clicked == false)   
         {      
          //Browser closed   
         }        else  
          {  
          //redirected
             clicked = false; 
           } 
   }  
  function bodyUnload() 
   {      
      if (clicked == false)//browser is closed  
          {   
         var request = GetRequest();  
           request.open  ("GET", "../LogOut.aspx", true);    
       request.send();    
        } 
   } 
 
   function GetRequest()  
     {       
     	var xmlHttp = null;
	try {
		// Firefox, Opera 8.0+, Safari
		xmlHttp = new XMLHttpRequest();
	}
	catch (e) {
		//Internet Explorer
		try {
			xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e) {
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	return xmlHttp;
      } 
 
</script>

3. Add the following code in the body tag of master page:

<body onunload="bodyUnload();" Onclick="clicked=true;">

Finally the code in Master page like this:

<script language="text/javascript"
//<![CDATA[</span />

var clicked = false;
function CheckBrowser() {
if (clicked == false) {
//Browser closed
}
else {
//redirected 
clicked = false;
}
}
 
function bodyUnload() {
if (clicked == false)//browser is closed
{
//var request = GetRequest();

//location.href="/KB/tips/LogOut.aspx";
var request = GetRequest();
 
request.open("GET", "../LogOut.aspx", true);
request.send();
}
}
function GetRequest() {
	var xmlHttp = null;
	try {
		// Firefox, Opera 8.0+, Safari
		xmlHttp = new XMLHttpRequest();
	}
	catch (e) {
		//Internet Explorer
		try {
			xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e) {
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	return xmlHttp;
} 
 
//]]>
</script;"
 
<body onunload="bodyUnload();" onclick="clicked=true;">
<form id="form1" runat="server">

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

About the Author

M.Farrukh Abbas

Web Developer

Pakistan

Member

Google

I have worked on number of technologies including C# .Net, VB .Net, ASP.Net, LINQ, WCF, X++, and SharePoint,Oracle,Crystal Reports.

Article Top

Poor

Excellent

Add a reason or comment to your vote: x
Votes of 3 or less require a comment

There is no fool-proof technique to catch the browser close event for 100% of time. The trouble lies in the stateless nature of HTTP. I will explain one of them which is very effective and tested

Type	Tip/Trick
Licence	CPOL
First Posted	7 Feb 2011
Views	35,605
Bookmarked	25 times

.NET3.0C#3.0.NET3.5
C#ASP.NETJavascript, +