javascript - 关闭浏览器时js提示信息

Question

关闭浏览器(Chrome、Firefox、IE、Safari...)时需要清除本地存储项目。

我尝试了以下代码，但它仅在页面刷新时有效，而在浏览器关闭时无效。

类型 1:

$(window).unload(function(){
  localStorage.removeItem(key);
});

类型 2:

window.onbeforeunload = function (e) {
  message = "Are you sure you want leave?";
  e.returnValue = message;
  return message;
};

但两者都只致力于页面刷新操作。

Answer 1

编辑:您说过您需要在浏览器关闭之前清除本地存储。这就是 session 存储的用途。它的行为相同，但会在 session 结束时被清除。使用 session 存储。

在所有浏览器中，在窗口关闭之前没有一致的方法来运行函数。这在一定程度上是一种安全措施，例如，恶意网站想要阻止浏览器窗口关闭，他们可能能够利用此行为来做到这一点。

beforeunload 是最兼容的 Hook ，但不应依赖于关键逻辑。浏览器窗口可能会在浏览器控制之外关闭，例如，如果计算机关闭。如果您需要运行一个函数来保留信息，最好在信息发生变化时动态地执行此操作，或者使用 AJAX 将数据存储在服务器上，或者使用本地存储。