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

偵測瀏覽器關閉事件

使用常規方法偵測瀏覽器關閉事件遇到困難？別擔心，因為這個詳細的指南將提供全面的解決方案來幫助您監控視窗關閉、卸載或 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中文網其他相關文章！