window.onbeforeunload不按预期方式工作

Question

我创建了以下jsfiddle。

如果您在任何编辑框中输入任何输入，并尝试离开页面，则会显示警告信息。

如果您输入任何输入并单击该按钮，当不需要时仍会显示警告。 （我需要阻止它显示）。

在网页中，似乎window.onbeforeunload比单击事件之前被抛出，因此即使您单击提交按钮，它也将始终显示警告对话框。

它让我觉得代码应该改变，以处理事件的时间，但不知道？

Answer 1

这听起来像你想要做的是防止在提交表单时显示onbeforeunload消息。

只需添加一个submit处理程序，该处理程序将form_has_been_modified值返回为false。

$("#additemform").on('submit', function(e) { 
    form_has_been_modified = false; 
}); 

Working Demo

在这个演示中，我还清理你的榜样，去除不必要的处理和改变form_has_been_modified使用本地布尔true和false而不是0和1