Cancel onbeforeunload event handler?

javascript jquery onbeforeunload
Prabesh Shrestha picture Prabesh Shrestha · Jun 8, 2011 · Viewed 27.5k times · Source

I have an onbeforeunload event handler attached to the page which executes every time the page reloads / gets redirected.

window.onbeforeunload = function() {
  console.log("do something");}

I do not want this script to run during my tests. I want to disable it in my own test environment.

Is there some way to unbind this onbeforeunload event? I am using JavaScript, with jQuery as the framework, so an answer in jQuery would be good.

Answer

Ibu picture Ibu · Jun 9, 2011

In javascript functions can be overwritten. You can simply assign it a new purpose:

window.onbeforeunload = function () {
  // blank function do nothing
}

This will completely overwrite the existing version of window.onbeforeunload.

Note: Why don't you simply remove the line of code that sets this function in the first place? Or if you can't, you will have to set this blank function after it is has been defined, just to make sure it is not overridden again

Related questions

How can I override the OnBeforeUnload dialog and replace it with my own?

I need to warn users about unsaved changes before they leave a page (a pretty common problem). window.onbeforeunload=handler This works but it raises a default dialog with an irritating standard message that wraps my own text. I need …

Read More
Setting onbeforeunload on body element in Chrome and IE using jQuery

I have a system where I want to check with the user if they're sure they want to leave the page once a dirty flag is set. I'm using the following code - In FireFox, I can look at the …

Read More
How to disable beforeunload action when user is submitting a form?

I have this little piece of code: <script> $(window).bind('beforeunload', function() { $.ajax({ async: false, type: 'POST', url: '/something' }); }); </script> I wonder, how could I disable this request when user hits the submit button. Basically …

Read More