blob: 56fcf7bcb1d7d8ca8ec5f78c755f2e4ee51b33e1 (
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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
|
---
title: hashchange
slug: Web/API/Window/hashchange_event
tags:
- Reference
- Web
translation_of: Web/API/Window/hashchange_event
---
L'événement `hashchange` est déclenché lorsque l'identificateur de fragment de l'URL a changé (la partie de l'URL qui suit le symbole #, y compris le symbole # lui-même).
<table class="properties">
<tbody>
<tr>
<td>Bulles</td>
<td>Oui</td>
</tr>
<tr>
<td>Annulable</td>
<td>Non</td>
</tr>
<tr>
<td>Objets cibles</td>
<td>{{domxref("Window")}}</td>
</tr>
<tr>
<td>Interface</td>
<td>{{domxref("HashChangeEvent")}}</td>
</tr>
<tr>
<td>Action par défaut</td>
<td>Aucune</td>
</tr>
</tbody>
</table>
## Propriétés
| Propriété | Type | Description |
| ------------------------------------- | ------------------------------------ | ----------------------------------------------------- |
| `target` {{readonlyInline}} | {{domxref("EventTarget")}} | The browsing context (`window`). |
| `type` {{readonlyInline}} | {{domxref("DOMString")}} | Type de l'évènement |
| `bubbles` {{readonlyInline}} | {{jsxref("Boolean")}} | Whether the event normally bubbles or not. |
| `cancelable` {{readonlyInline}} | {{jsxref("Boolean")}} | Whether the event is cancellable or not. |
| `oldURL` {{readonlyInline}} | {{jsxref("String")}} | The previous URL from which the window was navigated. |
| newURL {{readonlyInline}} | {{jsxref("String")}} | |
Il existe plusieurs scripts de secours listés sur [cette page](https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills). Fondamentalement, ces scripts vérifient le `location.hash` à intervalles réguliers. Voici une version qui n'autorise qu'un seul gestionnaire à être lié à la propriété `window.onhashchange`:
```js
;(function(window) {
// Sortir si le navigateur implémente cet événement
if ("onhashchange" in window) { return; }
var location = window.location,
oldURL = location.href,
oldHash = location.hash;
// Vérifie la hash de la barre d'adresse toutes les 100ms
setInterval(function() {
var newURL = location.href,
newHash = location.hash;
// Si le hash a été changé et qu'un gestionnaire a été lié...
if (newHash != oldHash && typeof window.onhashchange === "function") {
// exécute le gestionnaire
window.onhashchange({
type: "hashchange",
oldURL: oldURL,
newURL: newURL
});
oldURL = newURL;
oldHash = newHash;
}
}, 100);
})(window);
```
## Spécifications
| Spécification | Status | Commentaire |
| ---------------------------------------------------------------------------------------------------- | -------------------------------- | ------------------- |
| {{SpecName('HTML WHATWG', 'indices.html#event-hashchange', 'hashchange')}} | {{Spec2('HTML WHATWG')}} | Définition initiale |
## Compatibilité des navigateurs
{{Compat("api.Window.hashchange_event")}}
## Voir aussi
- [`popstate`](/en-US/docs/Mozilla_event_reference/popstate)
- [WindowEventHandlers.onhashchange](/en-US/docs/Web/API/WindowEventHandlers/onhashchange)
|
