为什么 OnBeforeUnload 使用 asp:LinkBut​​ton 触发两次？

Question

我有以下 Jquery 函数，当用户有未保存的更改（类似于 SO 的做法）并尝试离开当前屏幕时，会提示用户通知。

<!-- in my aspx page -->
<script type="text/javascript" language="javascript">
    window.onbeforeunload = function()
    {
        if (HasPendingUpdates())
        {
            return "Changes you have made will not be saved.";
        }
    }
</script>

这按预期工作，并在用户尝试单击 href 浏览或使用后退按钮等时显示消息框。我遇到的问题是我的链接之一是 asp:LinkBut​​ton因为它需要在离开页面之前触发一些服务器端代码。当用户单击此 LinkBut​​ton 时，他们会收到两次提示。

场景：

1. 用户单击 LinkBut​​ton
2. 出现提示，用户单击取消按钮。

3. 提示消失并且用户仍在屏幕上。好。

4. 用户单击LinkBut​​ton

5. 出现提示并单击“确定”按钮。
6. 提示消失并再次出现相同的提示。
7. 用户再次单击“确定”。
8. 提示消失，用户移动到下一个屏幕，一切都很好。

那么为什么我会收到第二个提示？？？ OnBeforeUnload 如何触发两次？

Answer 1

我遇到了类似的问题，但是，我根本不想为 LinkBut​​tons 触发 onbeforeunload，因此我对 .aspx 页面上的每个 LinkBut​​ton 使用了以下内容：

OnClientClick="eval(this.href);return false"

LinkBut​​tons 的功能并没有被削弱，因为它们所做的只是提供带有 CommandArgument 的命令，供代码隐藏处理...

Answer 2

使用 jQuery 添加处理程序会将它们堆叠起来。如果您为 href 分配带有某些 jQuery 函数的处理程序，然后再次为链接按钮分配它，则会有两个处理程序。

检查绑定 onunload 处理程序的频率，并确保取消绑定以前的处理程序或仅执行一次。

Answer 3

以下是解决此问题的方法：

    var checkChangesEnabled = true;
    window.onbeforeunload = confirmExit;

    function confirmExit() {
        if (checkChangesEnabled) {
            event.returnValue = "Changes you have made will not be saved.";
            disableCheck();
        }
    }

    function disableCheck() {
        checkChangesEnabled = false;
        setTimeout("enableCheck()", "100");
    }

    function enableCheck() {
        checkChangesEnabled = true;
    }