我的案例:localStorage键+值，当浏览器关闭时应该删除，而不是单个选项卡。
请看看我的代码，如果它是正确的和什么可以改进:
//创建localStorage key + value if (localStorage) { localStorage。myPageDataArr = { "name" => "Dan"， "lastname" => "Bonny" }; ｝ //当浏览器关闭时- psedocode $(窗口).unload(函数(){ localStorage。myPageDataArr = undefined; })；
当前回答
您可以简单地使用sessionStorage。因为sessionStorage允许在浏览器窗口关闭时清除所有键值。
看这里:SessionStorage- MDN
其他回答
sessionStorage使用
sessionStorage对象与localStorage对象相同，只是它只存储一个会话的数据。当用户关闭浏览器窗口时，数据将被删除。
下面的例子统计用户在当前会话中点击按钮的次数:
例子
if (sessionStorage.clickcount) {
sessionStorage.clickcount = Number(sessionStorage.clickcount) + 1;
} else {
sessionStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "You have clicked the button " +
sessionStorage.clickcount + " time(s) in this session.";
您可以简单地使用sessionStorage。因为sessionStorage允许在浏览器窗口关闭时清除所有键值。
看这里:SessionStorage- MDN
没有这样的方法来检测浏览器关闭，所以可能你不能在浏览器关闭时删除localStorage，但有另一种方法来处理你可以使用sessionCookies，因为它会在浏览器关闭后销毁。这是我在我的项目中实现的。
你可以在JavaScript中使用beforeunload事件。
使用JavaScript，你可以这样做:
window.onbeforeunload = function() {
localStorage.removeItem(key);
return '';
};
这将在浏览器窗口/选项卡关闭之前删除键，并提示您确认关闭窗口/选项卡操作。我希望这能解决你的问题。
注意:onbeforeunload方法应该返回一个字符串。
试着用
$(window).unload(function(){
localStorage.clear();
});
希望这对你有用
