blob: 57d7c74f3670fe0ad5bcbddc1b3511a6f57107f7 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
|
---
title: 'Window: storage event'
slug: Web/API/Window/storage_event
tags:
- API
- Evènement
- Reference
- Stockage
- Stockage Web
- Window
translation_of: Web/API/Window/storage_event
---
{{APIRef}}
L'événement **`storage`** de l'interface {{domxref("Window")}} se déclenche lorsqu'une de stockage (`localStorage`) a été modifiée dans le contexte d'un autre document.
<table class="properties">
<thead></thead>
<tbody>
<tr>
<th>Bulles</th>
<td>Non</td>
</tr>
<tr>
<th>Annulable</th>
<td>Non</td>
</tr>
<tr>
<th>Interface</th>
<td>{{domxref("StorageEvent")}}</td>
</tr>
<tr>
<th>Propriété de gestionnaire d'événements</th>
<td>
{{domxref("WindowEventHandlers.onstorage", "onstorage")}}
</td>
</tr>
</tbody>
</table>
## Exemples
Consignez l'élément `sampleList` sur la console lorsque l'événement `storage` se déclenche :
```js
window.addEventListener('storage', () => {
// Lorsque le stockage local change, vider la liste sur
// la console.
console.log(JSON.parse(window.localStorage.getItem('sampleList')));
});
```
La même action peut être réalisée ) l'aide de la propriété du gestionnaire d'événements [`onstorage`](/en-US/docs/Web/API/WindowEventHandlers/onstorage) :
```js
window.onstorage = () => {
// Lorsque le stockage local change, vider la liste dans
// la console.
console.log(JSON.parse(window.localStorage.getItem('sampleList')));
};
```
## Spécifications
| Spécification | Statut |
| -------------------------------------------------------------------------------------------- | -------------------------------- |
| {{SpecName('HTML WHATWG', 'indices.html#event-storage', 'storage')}} | {{Spec2('HTML WHATWG')}} |
## Compatibilité des navigateurs
{{Compat("api.Window.storage_event")}}
## Voir également
- [Web Storage API](/en-US/docs/Web/API/Web_Storage_API)
- [Using the Web Storage API](/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API)
|
