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

Question

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.

Answer 1

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.