javascript - 如何告诉网络浏览器用户已经修改了页面？

Question

我让用户在 html 页面上进行一些可视化设置。这可能需要一些时间，所以我不希望用户通过以某种方式关闭网页(没有警告)来放弃完成的设置。

如果我使用了文本区域、复选框等，那么浏览器会警告用户。在我的情况下，如何告诉浏览器警告用户？

Answer 1

您可以在下面的示例中使用“unsavedChanges”等全局变量。然后，如果用户更改任何内容，您需要设置该变量。或者在任何情况下，当您希望在用户关闭网页之前进行确认时。

 var unsavedChanges = 0;
 window.onbeforeunload = function (e) {
    if(unsavedChanges != 0){
         e = e || window.event;

         // For IE and Firefox prior to version 4
         if (e) {
            e.returnValue = 'There is some unsaved changes!';
         }

         // For Safari
         return 'There is some unsaved changes!';
    }
};