首頁 > web前端 > js教程 > 如何可靠地偵測瀏覽器關閉事件並處理未儲存的資料?

如何可靠地偵測瀏覽器關閉事件並處理未儲存的資料?

DDD
發布: 2024-11-26 17:18:16
原創
917 人瀏覽過

How Can I Reliably Detect Browser Close Events and Handle Unsaved Data?

偵測瀏覽器關閉事件

使用常規方法偵測瀏覽器關閉事件遇到困難?別擔心,因為這個詳細的指南將提供全面的解決方案來幫助您監控視窗關閉、卸載或 beforeunload 事件。

解決方案

以下程式碼片段巧妙地解決了問題:

window.onbeforeunload = function (event) {
  var message = 'Important: Please click on \'Save\' button to leave this page.';
  if (typeof event == 'undefined') {
    event = window.event;
  }
  if (event) {
    event.returnValue = message;
  }
  return message;
};

$(function () {
  $("a").not('#lnkLogOut').click(function () {
    window.onbeforeunload = null;
  });
  $(".btn").click(function () {
    window.onbeforeunload = null;
  });
});
登入後複製

此解決方案包含onbeforeunload 事件處理程序,該處理程序在瀏覽器視窗之前觸發已關閉。 message 變數顯示自訂提示,通知使用者在離開頁面前儲存資料。

值得注意的是,其中包含一個輔助功能,以防止在單擊頁面上的特定元素時出現提示(在本例中, #lnkLogOut 和 .btn 元素)。

Firefox 相容性注意事項

雖然此程式碼通常可以在其他瀏覽器中運行,但請務必注意,Firefox 可能不會顯示自訂提示。在這種情況下,可能需要考慮替代方法,如連結線程中所討論的。

以上是如何可靠地偵測瀏覽器關閉事件並處理未儲存的資料?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板