Clear localStorage on tab/browser close but not on refresh

by

I know that that is an old question, but I was just looking for a solution for this, but I couldn’t find anything that works properly. Then I came up with a solution which is working fine for me.

What I did was to change the perspective, instead of clearing the local storage when the browser is closed I decided to clear it when it is opened. Users won’t see the difference.

I just set a function that check the sessionStorage when the page is loaded, if it is empty the function gets the localStorage cleared; After that it sets a register to sessionStorage to ensure that the localStorage won’t be emptied again just for having the page reloaded.

function clearStorage() {

    let session = sessionStorage.getItem('register');

    if (session == null) {
    
        localStorage.removeItem('remove');

    }
    sessionStorage.setItem('register', 1);
}
window.addEventListener('load', clearStorage);

More Related Contents:

  1. How to pass parameters using ui-sref in ui-router to controller
  2. Way to ng-repeat defined number of times instead of repeating over array?
  3. How to set an iframe src attribute from a variable in AngularJS
  4. AngularJS Error: Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, https
  5. How to validate inputs dynamically created using ng-repeat, ng-show (angular)
  6. Losing scope when using ng-include
  7. AngularJS – Value attribute on an input text box is ignored when there is a ng-model used?
  8. AngularJS: No “Access-Control-Allow-Origin” header is present on the requested resource [duplicate]
  9. How to pass parameters using ui-sref in ui-router to the controller
  10. What is the correct syntax of ng-include?
  11. angularjs to output plain text instead of html
  12. AngularJS – ng-disabled not working for Anchor tag
  13. Template does not update when using ui-router and ion-tabs
  14. AngularJS: Better way to watch for height change
  15. How to remove an item from an array in AngularJS scope?
  16. CSS: Change parent on focus of child
  17. Angularjs does not load scripts within ng-view
  18. In AngularJS, any inline javascript code that included in HTML templates doesn’t work
  19. Print a div using javascript in angularJS single page application
  20. js window.open then print()
  21. Angular form validation ng-disabled not working
  22. Remove ‘All Files’ option from HTML file input
  23. angularjs custom filter to check for values inside a data array
  24. Webstorm: “Cannot Resolve Directory”
  25. AngularJS using $rootScope as a data store
  26. AngularJs – Best-Practices on adding an active class on click (ng-repeat)
  27. Could a website force the browser to go into fullscreen mode?
  28. Rename Object Key in an array using javascript
  29. multiple ui-view html files in ui-router
  30. Decode HTML entity in Angular JS

Leave a Comment