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.