'beforeunload' Chrome Issue

Question

I have this simple piece of code -

$(window).bind('beforeunload', function(){
    alert("Good Bye")
});

Works great with Firefox, IE8 but not in Chrome. Is it a known problem or is there any alternative for that ?

Actually what I am trying to do is to log details whenever user tries to close the browser.

function LogTime()
{
    jQuery.ajax({
      type: "POST",
      url: "log.php",
      data: "",
      cache: false,
      success: function(response)
      {
      }
    );
}

$(window).bind('beforeunload', function(){
    LogTime();
});

This works well in Firefox, but not in Chrome

Answer 1

Return a string instead:

$(window).on('beforeunload', function(){
    return "Good bye";
});​

Answer 2

Try below:

$(window).on('beforeunload', function(){
  return "Good Bye";
});

Answer 3

I had to include it in a jQuery(document).ready to get it working in chrome

<script>
  jQuery(document).ready( 
    function () { 
      jQuery(window).bind('beforeunload',  
        function (e) {  

          [code here]

        } 
      );

    } 
  );
</script>

Answer 4

Try this for all Browsers:-

window.addEventListener("beforeunload", function (e) {

  var confirmationMessage = "\o/";     
  e.returnValue = confirmationMessage;           
  return confirmationMessage;       

});

Answer 5

Try this:

function LogTime(){

jQuery.ajax({
  type: "POST",
  url: "log.php",
  data: "",
  cache: false,
  success: function(response){

  }
});

}

 $(window).bind('beforeunload', function(){
     LogTime();
     return "You're leaving?";
 });

It seems that as long as you return a string for this event at the end of function body, you can run code before that string.

Answer 6

If you need to send some analytical data just before unloading the document, choose navigator.sendBeacon() method instead of XMLHttpRequest.

sendBeacon() method is designed to perform non-blocking sending of a small amount of data.

But check canIuse report first, since the method is not supported globally yet.