Sometimes, we want to delete a localStorage item when the browser window or tab is closed with JavaScript.
In this article, we’ll look at how to delete a localStorage item when the browser window or tab is closed with JavaScript.
How to delete a localStorage item when the browser window or tab is closed with JavaScript?
To delete a localStorage item when the browser window or tab is closed with JavaScript, we can set the window.onbeforeunload
property to a function that calls localStorage.removeItem
.
For instance, we write
window.onbeforeunload = () => {
localStorage.removeItem(key);
return "";
};
to set window.onbeforeunload
to a function that calls localStorage.removeItem
with key
to remove the local storage item with key key
when we close the browser window or tab.
Conclusion
To delete a localStorage item when the browser window or tab is closed with JavaScript, we can set the window.onbeforeunload
property to a function that calls localStorage.removeItem
.