javascript - 如何区分 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();