CODEWITHSUNDEEP
javascriptlocal-storagesession-storage
sukesh
sukesh

Reputation: 2437

How to clear localStorage only on browser close

I have a localStorage key (mykey) and want to remove this key only when the browser is closed. It should not be cleared when the page is refreshed.

I have this Javascript code to clear the key on browser close.

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

This code is clearing the localStorage key on browser close and page refresh also. If I comment the code, then it works fine. The key is not cleared on page refresh but only on browser close.

I have observed that when the page is refreshed, the key will be cleared and then the debugger is hit for the window.onbeforeunload method.

There is no other place where I'm removing the key.

UPDATE: I have replaced localStorage with sessionStorage at all places of get set for this key, but it's still the same.

Upvotes: 2

Views: 4170

Answers (1)

Imran Rafiq Rather
Imran Rafiq Rather

Reputation: 8118

What you basically try to achieve is simply done by sessionStorage object. You can use sessionStorage instead.

localStorage is for data persistance with a different purpose to make sure data stays in the Browser Storage for long.

Upvotes: 3

Related Questions