Saturday, April 30, 2011

Detecting browser close event in Javascript

Below code is applicable for IE and Mozilla.


///Javascript starts here

var keyCd, altKy, mouseBtn, ctlKy, shiftKy;
Browser = navigator.appName
Net = Browser.indexOf("Netscape")
Micro = Browser.indexOf("Microsoft")
Netscape = false
IE = false
if (Net >= 0) {
    window.captureEvents(Event.MOUSEDOWN)
    window.onmousedown = HandleClose
    Netscape = true
}
if (Micro >= 0) {
    IE = true
}
function getKeyCode(event) {
    if (IE == true) {
        keyCd = event.keyCode;
        altKy = event.altKey;
        ctlKy = event.ctlKey;
        shiftKy = event.shiftKey;
    }
    if (Netscape == true) {
        if (event.which == null)
            keyCd = event.keyCode;
        else
            keyCd = event.which;
        altKy = event.altKey;
        ctlKy = event.ctrlKey;
        shiftKy = event.shiftKey;
    }
    if (keyCd == 13) {
        document.getElementById("ctl00_BtnLogout").disabled = true;
    }  
}
function getMouseButton(event) {
    if (IE == true) {
        mouseBtn = event.button;
    }
    if (Netscape == true) {
        if (event.which == null)
            mouseBtn = event.button;
        else
            mouseBtn = event.which;
       
    }
}
function HandleClose(e) {
    if (IE == true) {
        //Browser Closes through ALT + F4 buttons
        if (event.altKey == true && event.keyCode == 0) {
            PageMethods.DeleteSession();
        }
        //Browser Closes through Browser Close (X) button
        Xwidth = window.document.body.offsetWidth - window.event.clientX
        YHeight = window.event.clientY
        if (Xwidth <= 30 && YHeight < 0) {
            PageMethods.DeleteSession();
        }
        //Browser Closes through CTRL + F4 and CTRL + W buttons
        if (event.ctrlKey == true && event.keyCode == 0) {
            PageMethods.DeleteSession();
        }
        //Browser Closes through ALT + SPACE + C buttons
        if (keyCd == 32 && altKy == true) {
            PageMethods.DeleteSession();
        }
        //Browser Closes through Mouse right Click in Task bar
        if (mouseBtn == null && keyCd == null) {
            if (window.event.clientX > 1000) {
                PageMethods.DeleteSession();
            }
        }
    }
    else if (Netscape == true) {   
        //Browser Closes through ALT + F4 buttons
        if (altKy == true && keyCd == 115) {
            PageMethods.DeleteSession();
            alert('Hi1');
        }
     
        //Browser Closes through CTRL + F4 and CTRL + W buttons
        if (ctlKy == true && (keyCd == 87 || keyCd == 115)) {
            PageMethods.DeleteSession();
            alert('Hi2');
        }
        //Browser Closes through ALT + SPACE + C buttons
        if (altKy == true && keyCd == 18) {
            PageMethods.DeleteSession();
            alert('Hi3');
        }
       
        //Browser Closes through Mouse right Click in Task bar
        if (mouseBtn == null && keyCd == null) {
            PageMethods.DeleteSession();
            alert(e.X);
        }
    }
}

 ///Javascript ends here

///Html or Asp.net code starts here

<body onbeforeunload="HandleClose(event)" onKeyDown="return getKeyCode(event)" onMouseDown= "getMouseButton(event)">
///Your code here
</body>

///Html or Asp.net code ends here
Posted by at

18 comments:

  1. AnonymousApril 30, 2011 at 4:29 PM

    Hey Amol thanks lot man. Your code is simply gr8 for detecting browser close event through Javascript.

    ReplyDelete
  2. KathrineApril 30, 2011 at 4:33 PM

    Hi I am Kathrine. I searching a solution for "Detecting browser close event through JavaScript" from longer time. Yesterday I found your blog and I got my solution.

    Thanks a lot Amol from the bottom of my heart.

    ReplyDelete
  3. AnupamJune 3, 2011 at 8:15 AM

    Hi,

    After wasting 2 full days on this problem, finally I got to fix it.

    Thank you so much for the post.

    ReplyDelete
  4. J. C. FreireJune 3, 2011 at 8:16 AM

    Excellent mate. solve my problem.
    All working now.
    Thanx a lot.

    ReplyDelete
  5. amitJune 7, 2011 at 12:51 PM

    hey hi amol ...thanks yarr. your code solve my problem ..

    khup khup aabhari aahe...

    ReplyDelete
  6. Shruti SinghJune 14, 2011 at 9:25 AM

    My purpose is to delete a record from the database table while closing (only) the browser window using X.

    Your code has help me to achieve this.

    Thanks a lot.

    ReplyDelete
  7. NicsamJune 14, 2011 at 9:27 AM

    Hi Amol Thanks for your solution. Its absolutely answer my question.

    Its really a worthy answer.

    Actually i have a requirement like for example I have a login page and i have logged in,

    now while clicking logout button i have to do some database updation and suddenly without clicking the logout button if the user

    closes the window no updation will take place. More over i also need to check if some one try to login with the details which is already logged in.

    Can you please comment on this

    Regards Nicsam

    ReplyDelete
  8. ChrisJanuary 19, 2012 at 9:02 AM

    yep, works fine. that would be quite good for determing if the user was trying to leave your secure application and you could then force logout if they did.

    ReplyDelete
  9. Rama KrushnamurtiJanuary 19, 2012 at 9:04 AM

    Hey thanks buddy, it is nice solution.

    ReplyDelete
  10. AnonymousMarch 22, 2012 at 2:06 PM

    Hey Thanks for the solution.

    ReplyDelete
  11. AnonymousApril 4, 2012 at 12:41 PM

    thanks but not working in chrome.

    ReplyDelete
  12. UnknownJanuary 14, 2014 at 11:47 AM

    Thanks, man is their a way where system can do this all basic calculation what you've done and provide a method in client side DOM. The approach is good but not preferred one.

    Keep doing good work... :)

    ReplyDelete
  13. NoorMarch 24, 2014 at 5:54 AM

    Taskbar close of window does not detect it. window.event.clientX > 1000 is not valid

    ReplyDelete
  14. NoorMarch 24, 2014 at 6:37 AM

    ALT+F4 event does not get captured for multiple tabs opened in IE8.

    ReplyDelete
  15. AnonymousApril 23, 2014 at 12:45 PM

    Even Refresh/Redirect event also detecting same as Close Event.So..Some thing is wrong

    ReplyDelete
  16. AnonymousApril 23, 2014 at 12:46 PM

    Need javascript only to detect browser close event in a tab/window

    ReplyDelete
  17. SaiApril 23, 2014 at 3:42 PM

    There can be a case where user has changed some thing on the current page and page is now loading state and user closed the browser,then this javascript will not detect close event

    ReplyDelete
  18. vishalJune 24, 2014 at 6:52 PM

    No difference if we click close button or click refresh button or from File>Exit.

    ReplyDelete

Subscribe to: Post Comments (Atom)