The storage event of the Window interface fires when a storage area (localStorage) has been modified in the context of another document.
| 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 | Status |
|---|---|
| HTML Living Standard The definition of 'storage' in that specification. |
Living Standard |
Browser compatibility
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
storage event | Chrome Full support 1 | Edge Full support ≤18 | Firefox Full support 45 | IE ? | Opera Full support 15 | Safari ? | WebView Android Full support ≤37 | Chrome Android Full support 18 | Firefox Android Full support 45 | Opera Android Full support 14 | Safari iOS ? | Samsung Internet Android Full support 1.0 |
Legend
- Full support
- Full support
- Compatibility unknown
- Compatibility unknown
