Question

我使用JavaScript函数beforeunload在加载应用程序期间显示模态。我的母版页中的代码：

<script>
        window.addEventListener("beforeunload", function (e) {
            var modal = document.createElement("div");
            modal.className = "modal-backdrop fade in"
            modal.innerHTML = '&nbsp;';
            var loader = document.createElement("div");
            loader.className = "loader"
            loader.innerHTML = '<i class="glyphicon glyphicon-hourglass"></i><br/><br/>Veuillez patienter...<br/>';
            document.body.appendChild(modal);
            document.body.appendChild(loader);
            return null;
        });
    </script>

除了生成excel文件的按钮事件之外，它的效果很好。未检测到加载结束，因此模态不会关闭。

有关信息，我将结束按钮事件的c＃代码：

            Response.Write(style);
            Response.Output.Write(sw.ToString());
            Response.Flush();
            Response.End();

我试图在我的按钮事件中调用此函数但它不起作用：

function stopNavigate() {

        window.onbeforeunload = null;

    }

如何仅为此按钮禁用beforeunload？

Answer 1

将侦听器功能转换为可在其他地方引用的独立功能，因此它不是匿名的。然后，您可以稍后使用removeEventListener将其删除。（将null分配给on*属性只会删除使用相同on*属性附加的侦听器

function unloadHandler (e) {
  var modal = document.createElement("div");
  modal.className = "modal-backdrop fade in"
  modal.innerHTML = '&nbsp;';
  var loader = document.createElement("div");
  loader.className = "loader"
  loader.innerHTML = '<i class="glyphicon glyphicon-hourglass"></i><br/><br/>Veuillez patienter...<br/>';
  document.body.appendChild(modal);
  document.body.appendChild(loader);
  return null;
}

window.addEventListener("beforeunload", unloadHandler);

// ...

function stopNavigate() {
  window.removeEventListener('beforeunload', unloadHandler);
}

仅为1个事件按钮禁用事件onbeforeunload

1 个答案: