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) ,我遇到了同样的问题,这是一个可行的解决方案。

链接地址: http://www.djcxy.com/p/54848.html

上一篇: 广播接收器onReceive()多次调用

下一篇: 为什么jQuery有时会覆盖window.onbeforeunload?