Why jQuery sometimes overwrites window.onbeforeunload?
I am having strange problem with jQuery (1.6.x). I have this simple call on my page:
window.onbeforeunload = function() { return 'Are you sure ?'; };
But it doesn't work, because as I've found out, jQuery overwrites content of the window.onbeforeunload. In JS console, I can see that window.onbeforeunload contains piece of jQuery code:
function( e ) {
// Discard the second event of a jQuery.event.trigger() and
// when an event is called after a page has unloaded
return typeof jQuery !== "undefined" && (!e || jQuery.event.triggered !== e.type) ?
jQuery.event.handle.apply( eventHandle.elem, arguments ) : undefined;
};
Is there a way I can find why and where jQuery overwrites my onbeforeunload function ? When I try to run empty jsfiddle with just jQuery loaded and with my onbeforeunload function, it works as expected.
Any hints will be appreciated. Thanks in advance.
EDIT:
Just in case, somebody suggests using:
$(window).bind('beforeunload', function() { return 'Are you sure';} );
I've already tried it and it behaves the same way as using pure javascript.
Ok, I've finally figured a solution, which is probably not the cleanest one - because I don't know the exact cause of the problem - but it works. I've put my beforeunload function into jQuery's load function so it is executed after DOM and other elements are loaded.
$(window).load(function () {
$(window).bind('beforeunload', function() { return 'Are you sure ?';} );
});
你可能会尝试一个setTimeout(function(){ ... },0) ，我遇到了同样的问题，这是一个可行的解决方案。
上一篇: 广播接收器onReceive（）多次调用