可选警告消息离开页面

Question

使用以下代码，我警告用户“离开页面”，除非用户按下发送按钮。 但是，如果用户未填写表格框，我可以停止“离开页面”警告吗？

没有填写表格框+按下发送按钮= 没有警告
填写任何表格框，或者用户要离开页面或返回= 显示“离开页面”警告

var warning = true;
window.onbeforeunload = function() { 

  if (warning) { return "You have made changes on this page that you have not yet confirmed. If you navigate away from this page you will lose your unsaved changes";

}

}

$('form').submit(function() {

   window.onbeforeunload = null;

});

Answer 1

如果您需要根据表单元素的内容进行行为，则需要检查其内容或侦听其内容的变化以配置卸载行为。

检查表单内容可能是最快的，因为您只需要在用户实际尝试离开的情况下进行检查，就不需要在所有表单元素上管理一堆侦听器（并使它们触发事件）一旦用户开始修改，您就不再在意了。