如果表单已填写但未提交，浏览器会在离开页面前提示用户

Question

我看到一些网站显然执行了某种类型的浏览器功能，提示用户是否想离开页面，因为没有提交表单：

“此页面要求您确认是否要离开 - 您输入的数据可能不会被保存。”

我知道这可以用 JS 编程，但是是否有原生函数或选项建议浏览器检测这种情况？

我相信有一个，因为我已经看到几个网站（如 facebook）以相同的方式做出反应，而且它们似乎都使用这种浏览器选项。

like autocomplete="on / off" 允许浏览器自动填写表格或不填写

谢谢

Answer 1

<script language="JavaScript" type="text/javascript">
   //<![CDATA[
       window.onbeforeunload = function(){
           // Check the state of the form
            if(form_changed){
              return false;
            }else{
              return true;
            }

       };
   //]]>
</script>

当函数返回false到window.onbeforeunload时，浏览器会自动提示如下问题：“此页面要求您确认是否要离开-您输入的数据可能不会被保存。” （火狐）