如何区分 JS 提交和使用后退按钮（onbeforeunload）？

Question

我对 onbeforeunload 和 form.submit() 感到疯狂。你是我对绝妙想法的最后希望……

我所拥有的只是一个形式。如果用户单击后退按钮，这会造成很多麻烦，因此 window.onbeforeunload 会显示警告。当然应该允许提交表单，因此 form.onsubmit 设置一个全局变量来告诉 onbeforeunload 函数关闭。到目前为止还好。

有时必须通过 JS 自动提交表单。而且我无权访问调用 form.submit() 的函数 - 或者更准确地说 - 用户将创建一些可能包含 form.submit() 的简单代码。

要点是，根据规范，form.submit() 不会触发表单的 onsubmit 事件。因此，尝试通过 form.submit() 发送表单会定期告诉我考虑关闭页面。

回到我的希望：有人有一个绝妙的主意如何解决这个恶性循环吗？

多谢 伯宁利奥

Answer 1

var form = document.getElementById('the-form'),
     sub = form.submit;

form.submit = function(){
    alert('caught submit');
    sub.apply(form);
}

form.submit();