js listen localstorage change

Bored Butterfly answered on February 7, 2020 Popularity 9/10 Helpfulness 3/10

answer js listen localstorage change

related listen to localstorage changes

js listen localstorage change

Comment

var originalSetItem = localStorage.setItem;

localStorage.setItem = function(key, value) {
  var event = new Event('itemInserted');

  event.value = value; // Optional..
  event.key = key; // Optional..

  document.dispatchEvent(event);

  originalSetItem.apply(this, arguments);
};

var localStorageSetHandler = function(e) {
  alert('localStorage.set("' + e.key + '", "' + e.value + '") was called');
};

document.addEventListener("itemInserted", localStorageSetHandler, false);

localStorage.setItem('foo', 'bar'); // Pops an alert

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: javascript listen local-storage

Link to this answer
Share Copy Link

Contributed on Feb 07 2020

Bored Butterfly

0 Answers Avg Quality 2/10

Closely Related Answers

listen to localstorage changes

Comment

window.addEventListener('storage', () => {
  // When local storage changes, dump the list to
  // the console.
  console.log(JSON.parse(window.localStorage.getItem('sampleList')));
});

Popularity 9/10 Helpfulness 6/10 Language javascript

Source: developer.mozilla.org

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Dec 21 2020

Cookie_Wookie_7

0 Answers Avg Quality 2/10

listen to localstorage changes

Comment

var originalSetItem = localStorage.setItem; 
localStorage.setItem = function(){
    document.createEvent('Event').initEvent('itemInserted', true, true);
    originalSetItem.apply(this, arguments);
}

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Nov 29 2020

The Coding Master

0 Answers Avg Quality 2/10

js listen localstorage change

Contents

More Related Answers