JavaScript - 表单提交时的 beforeunload 覆盖

Question

我的页面上有以下脚本，可帮助用户停止意外关闭窗口，并在他们离开页面时通知他们。

<script>$(window).on( 'beforeunload.edit-post', function() {return true;});</script>

但是，当用户在我的页面上提交表单时，我不希望触发此弹出窗口。 我尝试添加.preventDefault(); 到它，但它没有工作。 当用户使用按钮提交表单时，我该如何制作才不会出现beforeunload弹出窗口？

<script>

function submit() {
    $(window).on('beforeunload.edit-post').preventDefault();
    $("#form").submit();
}

</script>

<form id="form"><input name="example" value="example"></form>

<button onclick="submit()">Submit</button>

Answer 1

submit()函数应该删除beforeunload侦听器。

function submit() {
    $(window).off('beforeunload.edit-post');
}

它不需要调用$("#form").submit() ，默认情况下会发生这种情况，除非它调用event.preventDefault();