onbeforeunload 事件需要 Jquery 帮助

Question

我在 asp.net 应用程序中使用 jquery onbeforeunload 事件。 如果我按照下面给出的方式编写事件，那么它工作正常并显示确认对话框。

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>

单击此链接查看运行示例

Answer 1

请参阅更新版本

您需要绑定文档就绪事件中的所有事件。

Answer 2

除了 vGlobal 为 true 并且您正在检查 if (vGlobal == false) 之外，这听起来像 $(document)。准备好（）问题。

即，您应该将声明放置在 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;
};