如何防止使用者離開未儲存變更的網頁？

防止未儲存的變更

修改網頁上的資料時，通常希望阻止使用者在未儲存其內容的情況下離開變化。這可以使用 window.onbeforeunload 事件來實作。

實作

舊版瀏覽器（IE6-8、Firefox 1-3.5）

1. window.onbeforeunload = function() {
       return "Unsaved changes. Are you sure you want to leave?";
   };

   登入後複製

2. 設定window.onbeforeunload到傳回字串的函數：

   window.onbeforeunload = null;

   登入後複製

   登入後複製

刪除事件以停用它：

1. 現代瀏覽器（ Chro me、Firefox、等）

   window.onbeforeunload = function() {
       return true;
   };

   登入後複製

2. 啟用提示：

   window.onbeforeunload = null;

   登入後複製

   登入後複製

禁用提示：

追蹤更改

$('input').change(function() {
    if ($(this).val() != "") {
        // Enable the prompt
        window.onbeforeunload = function() {
            return true;
        };
    }
});

jQuery 範例：

• 瀏覽器特定注意事項

以上是如何防止使用者離開未儲存變更的網頁？的詳細內容。更多資訊請關注PHP中文網其他相關文章！