清除 session 上的本地存储 clear

Question

I want to clear localStorage on session clear, ie when the user exits the browser.

I am using window.onbeforeunload for this purpose, as shown below.

window.onbeforeunload = function() {
    localStorage.removeItem('myToken');
    return '';
};

The problem is that this function also removes item also on browser reload.

Is there any way around this, or is it any better way on implementing this?

Edit: This is a react app, is there any hook that prevents from clearing local storage on browser reload?

Answer 1

Use sessionStorage . It has the same methods as localStorage , but it clears when the session is cleared.