如何可靠地检测浏览器关闭事件并处理未保存的数据？

检测浏览器关闭事件

使用常规方法检测浏览器关闭事件遇到困难？不用担心，因为这个详细的指南将提供全面的解决方案来帮助您监控窗口关闭、卸载或 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中文网其他相关文章！