setTimeout（x，0）在Chrome中不延迟

Question

我有一个带有表格的网页； 如果用户离开，我想警告他们。 我还没有实现脏检查，所以我的onbeforeunload代码很简单

window.onbeforeunload = function () {
    return 'message'
};

他们提交表单时，我不希望收到此警告，因此我在提交时删除了该事件。 但是，提交可能会失败 ，因此我需要在事后将事件放回原处（因此，如果他们随后离开，他们仍然会收到警告）。 为此，我做了以下工作：

var tempDisableBeforeUnload = function() {
    var obu = window.onbeforeunload;
    if (obu) {
        window.onbeforeunload = null;
        setTimeout(function() {
            window.onbeforeunload = obu;
        }, 0);
    }
}
$("form.noWarnOnSubmit").submit(tempDisableBeforeUnload);

这在Firefox和IE中可以正常工作setTimeout(x, 0)推迟事件处理程序的恢复，直到submit决定成功与否之后 。

但是，在Chrome中，超时似乎立即发生，并且在提交表单时收到警告。

如何在Chrome上执行此操作，或者如何才能达到“不要警告提交，但如果提交失败，请放回警告”的结尾？

Answer 1

不能执行以下操作：

var unloadActive = true;
window.onbeforeunload = function () {
    if(unloadActive) return 'message'
};
$("form.noWarnOnSubmit").submit(function(event){
    unloadActive = false;
    // do all your checks and things, whatever, and if the checks fail:
    unloadActive = true;
});

然后，您无需进行所有可能导致问题的功能处理。 我还没有测试过，但这就是我要做的。

Answer 2

我已经克服了我眼前的问题

• 通过推迟我的submit事件绑定，将我的事件绑定到jQuery验证事件之后触发：

$(function() {
    $("form.noWarnOnSubmit").submit(disableBeforeUnloadIfNotCancelled);
});

• 将我的事件处理程序更改为仅在submit事件被取消的情况下才取消绑定onbeforeunload事件。

var disableBeforeUnloadIfNotCancelled = function (e) {
    if (!e.isDefaultPrevented()) {
        window.onbeforeunload = null;
    }
}