Window: storage event
The storage
event of the Window
interface fires when a storage area (localStorage
) has been modified in the context of another document.
Note: This won't work on the same page that is making the changes — it is really a way for other pages on the domain using the storage to sync any changes that are made. Pages on other domains can't access the same storage objects.
Bubbles | No |
---|---|
Cancelable | No |
Interface | StorageEvent |
Event handler property | onstorage |
Examples
Log the sampleList
item to the console when the storage
event fires:
window.addEventListener('storage', () => {
// When local storage changes, dump the list to
// the console.
console.log(JSON.parse(window.localStorage.getItem('sampleList')));
});
The same action can be achieved using the onstorage
event handler property:
window.onstorage = () => {
// When local storage changes, dump the list to
// the console.
console.log(JSON.parse(window.localStorage.getItem('sampleList')));
};
Specifications
Specification |
---|
HTML Standard # event-storage |
Browser compatibility
BCD tables only load in the browser