javascript - 一键禁用窗口 beforeunload 属性

Question

我已经使用 window.beforeunload 功能禁用了页面重定向/重新加载，但是一旦页面中发生表单提交，我想重定向到下一页，而不显示 window.beforeunload 警报。我怎样才能做到这一点？

$(window).on("beforeunload", function () {
    return "Changes won't be saved.";
});

这是不应触发警报的按钮:

<form id="command" action="/some-uri" method="post">
  <button type="submit" value="NEXT" class="btn btn-red-   light">NEXT</button>
</form>

Answer 1

检查变量

伪代码

if some dirty change ->  window.hasSomeDirtyChanges = true;
if all dirty changes saved -> window.hasSomeDirtyChanges = false;

$(window).on("beforeunload", function () {
    if(!window.hasSomeDirtyChanges) return true;
    return "Changes won't be saved.";
});

这样你就不必每次进入页面时都进行绑定(bind)和取消绑定(bind)。这适用于所有页面，您只需要管理一个变量。