1

因此，为工作创建一个门户网站。老板希望我在用户离开页面时将其注销。找到本教程： http: //kbeezie.com/cross-browser-exit-pop/

我使用了 jquery 示例并将其插入到几个页面中进行测试。我正在使用 asp.net/C# 进行开发。这是页面的基本布局，包括我的脚本：

<%@ Page ... %>
<asp:Content .. > </asp:Content>
<asp:Content .. >

   //my navigate away function
   <script type="text/javascript">
      function PopIt() {
         return "Are you sure you want to leave?";
      }

      $(document).ready(function () {
         window.onbeforeunload = PopIt;
          $("a").click(function () { window.onbeforeunload = null; });
      });
   </script>

   <div>
      <table></table>
      //other stuff
   </div>
</asp:Content>

当我单击我们的门户网站上的链接时，导航离开脚本有效，它不会弹出，因为我们单击的是内部链接。但是，如果我继续在网站上浏览，最终点击 2 或 3 次后，如果我点击内部链接，它会询问我是否确定要离开。谁能告诉我为什么会这样？

编辑：我们在每个页面上都引用了 jquery，所以这不是问题。

编辑：这是一个有效的JSFiddle。当您单击该链接时，什么也没有发生，但是当您离开时它会提示。

4

2 回答 2

1

由于生成了一些链接，因此当您分配覆盖处理程序的事件处理程序时，它们不会出现在页面上onbeforeunload。尝试这个...

<script type="text/javascript">
    function PopIt() {
        return "Are you sure you want to leave?";
    }

    $(document).ready(function () {
        window.onbeforeunload = PopIt;
        $("document").on("click", "a", function () {
            window.onbeforeunload = null;
        });
    });
</script>

它将捕获所有链接点击，无论脚本运行时链接是否在页面上。

于 2013-10-03T16:21:53.767 回答
0

所以经过一周左右的尝试后，我放弃了。几天后，我的一位同事向我提到，我们从中继承的一个基类有一个正在运行的脚本阻止程序OnPreInit。

我一直怀疑在我们庞大的代码库中的某个地方有什么东西覆盖了我的OnBeforeUnload功能，但是当我搜索它的用途时，OnBeforeUnload我什么也没找到。事实证明，我从未找到脚本阻止程序，因为有人认为将其命名为不起眼的东西是个好主意！

覆盖脚本阻止程序后，原始代码有效。

于 2013-10-14T17:32:00.267 回答