Помощь в jQuery для события onbeforeunload

Question

Я использую событие jquery onbeforeunload в приложении asp.net. Если я записываю событие, как указано ниже, то его рабочий тон и дисплей подтверждают диалоговое окно.

var vGlobal = true; 
var sMessage = "Leaving the page will lost in unsaved data!"; 

[Рабочая]

> window.onbeforeunload = function() { 
> if (vGlobal == false) return 
> sMessage; } 

, но он не работает, если я использую метод связывания, как, как указано ниже

[Не работает]

$(window).bind("beforeunload", function(e) { 
    if (vGlobal == false) 
     return sMessage; 
}); 

Кто-нибудь предложить мне, почему его не работает. Есть ли разница между этими двумя методами.

Код на ASPX:

<asp:TextBox ID="txtName" runat="server"></asp:TextBox> 

CLICK ON THIS LINK TO SEE RUNNING EXAMPLE

Answer 1

Смотрите updated version

Вы должны связать все события внутри документа готового события.

Answer 2

Помимо того факта, что vGlobal является true, и вы проверяете if (vGlobal == false), это пахнет проблемой $ (document) .ready().

I.e. Вы должны поместить объявление внутри обработчика document.ready(), как показано здесь:

$(document).ready(function(){ 
    $(window).bind("beforeunload", function(e) { 
     if (vGlobal == false) 
      return sMessage; 
    }); 
}); 

Answer 3

Там нет никакой выгоды в использовании JQuery привязать событие к окну - все, что вы делаете, это добавление накладных расходов, имеющим JQuery проанализируйте окно в объект jQuery, который вы даже не используете.

Поэтому, используя:

window.onbeforeunload = handler; 

предпочтительнее с помощью JQuery, чтобы связать это событие.

Вы все еще можете выполнить связывание внутри документа готовый раздел:

$(document).ready(function() { 
    window.onbeforeunload = handler; 
};