window onbeforeunload and window onunload is not working in Firefox Safari Opera

Question

In my chat application I need to get confirmation from user  when my application closes  So I used the window onbeforeunload for confirmation alert and window onunload for logout     But both functions are working in IE and Chrome   Application works fine   window onbeforeunload  not working in Opera and my message will not get displayed in Firefox   window onunload not working in Safari  Opera and Firefox    My JavaScript code will be     Used for confirmation  to closing the window  window onbeforeunload   function           return   quot Are you sure want to LOGOUT the session   quot           Used to logout the session  when browser window was closed  window onunload   function           if  sessionId    null  amp  amp  sessionId   quot null quot   amp  amp   sessionId     quot  quot            logout        I also tried the same function with JQuery   lt script type  quot text javascript quot  gt         window  on  beforeunload   function             return  Are you sure want to LOGOUT the session                    window  unload function             if   sessionId    null   amp  amp   sessionId     quot null quot    amp  amp   sessionId     quot  quot                  logout                            lt  script gt

User · Answer

Firefox simply does not show custom onbeforeunload messages   Mozilla say they are protecing end users from malicious sites that might show misleading text

User · Answer

The onunload event is not called in all browsers  Worse  you cannot check the return value of onbeforeunload event  That prevents us from actually preforming a logout function   However  you can hack around this   Call logout first thing in the onbeforeunload event  then prompt the user  If the user cancels their logout  automatically login them back in  by using the onfocus event  Kinda backwards  but I think it should work    use strict    var reconnect   false   window onfocus   function        if  reconnect        reconnect   false      alert  Perform an auto-login here             window onbeforeunload   function          logout      var msg    Are you sure you want to leave      reconnect   true    return msg

User · Answer

I was able to get it to work in IE and FF with jQuery s      window  bind  beforeunload   function           instead of  unload  onunload  or onbeforeunload

User · Answer

Unfortunately  the methods you are using are unsupported in those browsers  To support my answer  this unsupportive behaviour  I have given links below     onbeforeunload and onunload not working in opera    to support this       onbeforeunload in Opera   http   www zachleat com web dont-let-the-door-hit-you-onunload-and-onbeforeunload    Though the onunload event doesn t work completely  you can use onunload to show a warning if a user clicks a link to navigate away from a page with an unsaved form   onunload not working in safari    to support this         https   www webkit org blog 516 webkit-page-cache-ii-the-unload-event    You could rather try using the pagehide event in the safari browser in lieu of onunload     onunload not working in firefox    to support this       https   bugzilla mozilla org show bug cgi id 681636   They are yet to come up with a solution in FF too    Wish you good luck cheers

User · Answer

Here is the working solution for ie  firefox and chrome       var myEvent   window attachEvent    window addEventListener  var chkevent   window attachEvent    onbeforeunload     beforeunload       make IE7  IE8 compitable              myEvent chkevent  function e       For  gt  IE7  Chrome  Firefox                 var confirmationMessage    Are you sure to leave the page        a space                  e    window event  returnValue   confirmationMessage                  return confirmationMessage

User · Answer

I got the solution for onunload in all browsers except Opera by changing the Ajax asynchronous request into synchronous request   xmlhttp open  POST   LogoutAction  false     It works well for all browsers except Opera

[javascript] window.onbeforeunload and window.onunload is not working in Firefox, Safari, Opera?

Examples related to javascript

Examples related to jquery

Examples related to dom-events