javascript - How to differentiate browser close and refresh using angularjs? - Stack Overflow

admin管理员组

文章数量:1426066

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.

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.

• javascript
• angularjs

Share Improve this question Follow edited Jan 19, 2016 at 11:59 durga siva kishore mopuru asked Jan 19, 2016 at 11:25 durga siva kishore mopurudurga siva kishore mopuru 1,35766 gold badges3434 silver badges5757 bronze badges 5

• Do you need this to work across different windows/tabs? If not, you should use sessionStorage to begin with. – C3roe Commented Jan 19, 2016 at 11:55
• no only one single tab – durga siva kishore mopuru Commented Jan 19, 2016 at 11:57
• Well then use sessionStorage – it only lives until the window/tab is closed. – C3roe Commented Jan 19, 2016 at 11:59
• Thank u @CBroe. Now my issue was solved using sessionStorage – durga siva kishore mopuru Commented Jan 20, 2016 at 3:20
• OK, I added that as an answer, plus a little more context. – C3roe Commented Jan 20, 2016 at 8:37

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

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

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

本文标签： javascriptHow to differentiate browser close and refresh using angularjsStack Overflow