如何仅在浏览器关闭时清除 localStorage

Question

我有一个localStorage 密钥（mykey），并且只想在浏览器关闭时删除此密钥。 页面刷新时不应该清除。

我有这段 Javascript 代码来清除浏览器关闭时的密钥。

window.onbeforeunload = function (event) {
    if (event && event.type == "beforeunload") {
        localStorage.removeItem("mykey");        
    }
};

此代码在浏览器关闭和页面刷新时清除 localStorage 键。 如果我评论代码，那么它工作正常。该键在页面刷新时不会被清除，而只会在浏览器关闭时被清除。

我观察到，当页面刷新时，key会被清除，然后调试器会针对window.onbeforeunload方法。

没有其他地方可以移除钥匙。

更新：我已在所有设置此键的位置将localStorage 替换为sessionStorage，但它仍然相同。

Answer 1

您基本上尝试实现的目标只是由sessionStorage 对象完成。 您可以改用sessionStorage。

localStorage 用于数据持久性，具有不同的目的，以确保数据在浏览器存储中保留很长时间。