Unable to unbind the window beforeunload event in Jquery

bind jquery unbind
bitblt picture bitblt · Dec 16, 2010 · Viewed 15.9k times · Source

I have a page where the user can drag and drop objects and save them as an image.When a user navigates away from the page, the event beforeunload is fired. Now, this happens every time. What i want to do is, unbind the event if the user has saved his work, so that the message may not pop up again.To do this i have used the unbind method in jQuery. But, it does not seem to work. Below is the code for binding and unbinding the events.

var notSaved = function()
{
   return 'You have not yet saved your work.Do you want to continue? Doing so, may cause loss of your work' ;
}
$(window).bind('beforeunload', notSaved);

After save method has been called,

$(window).unbind('beforeunload', notSaved);

What am i doing wrong here?
Also, the save method is actually an Ajax call.

Answer

Nick Craver picture Nick Craver · Dec 16, 2010

beforeunload doesn't work reliably this way, as far as binding goes. You should assign it natively:

window.onbeforeunload = function() {
  return 'You have not yet saved your work.Do you want to continue? Doing so, may cause loss of your work' ;
}

And in your save method:

window.onbeforeunload = null;

Related questions

jQuery bind/unbind 'scroll' event on $(window)

I have this function: function block_scroll(key){ if (key) { $(window).bind("scroll", function(){ $('html, body').animate({scrollTop:0}, 'fast'); }); } else { $(window).unbind(); } } The first part works as it should, but when I later call block_scroll(false) - it's still …

Read More
first unbind click and then bind (jquery)

1.I have a onclick event on, $('#locations').click(function(){ $('#train').unbind('click'); //do some stuff } 2.Once the close button is clicked $('.close').click(function(){ //do some stuff } 3.Then again if I click #train $('#train').bind('click', …

Read More
How to bind, unbind and rebind (click) events in JQuery

After asking the same question 2 weeks ago here, I finally found "the" solution. This is why I am answering my own question. ;) HOW TO BIND, UNBIND AND REBIND EVENTS IN JQUERY?

Read More