How to differentiate browser close and refresh using angularjs?

Question

I have localstorage for employeeid stored.When i refresh the browser get local storage value like employeeid based on employeeid get some data .when i close the browser i want to clear employeeid in local storage by using angularjs or javascript. I tried the following code.

window.onunload = close;
    function close() {
        //// do something...
        localStorage.clear();
        return null;
    }

In the above code when i refresh the browser that time also window.onunload fired and clear the local storage values, but i want to clear local storage at the time of browser close only.

Do you need this to work across different windows/tabs? If not, you should use `sessionStorage` to begin with. — CBroe, Jan 19 '16 at 11:55
Well then use `sessionStorage` – it only lives until the window/tab is closed. — CBroe, Jan 19 '16 at 11:59
Thank u @CBroe. Now my issue was solved using sessionStorage — durga siva kishore mopuru, Jan 20 '16 at 03:20

score 5 · Accepted Answer · edited May 23 '17 at 12:34

If you do not need this to work across different windows/tabs, then you should use sessionStorage instead of localStorage.

Where what you store into localStorage is “permanent”, sessionStorage stores values only until the window/tab is closed, similar to a “session cookie”, that is set without any lifetime – that will live only until the browser is closed (but will be available across different tabs when your site is open in more than one.)

A few more details can be found in these questions:
What is the difference between localStorage, sessionStorage, session and cookies?
HTML5 Local storage vs. Session storage

score 0 · Answer 2 · edited May 23 '17 at 10:30

0

Maybe that's you're looking for Identifying Between Refresh And Close Browser Actions

edited May 23 '17 at 10:30

Community

1
1

answered Jan 19 '16 at 11:37

Serginho

7,291
2
27
52

That is also same problem at refresh browser that will be executed – durga siva kishore mopuru Jan 19 '16 at 11:43

How to differentiate browser close and refresh using angularjs?

2 Answers2