Syntaxe
window.onhashchange = funcRef;
ou
<body onhashchange="funcRef();">
ou
window.addEventListener("hashchange", funcRef, false);
Paramètres
funcRef- Une référence à une fonction.
Exemples
if ("onhashchange" in window) {
alert("Le navigateur prend en charge l'événement hashchange!");
}
function locationHashChanged() {
if (location.hash === "#somecoolfeature") {
somecoolfeature();
}
}
window.onhashchange = locationHashChanged;
L'événement hashchange
Lorsque l'observateur d'événement déclenche l'événement haschange il passe en paramêtres les arguments suivante:
| Paramêtre | Type | Description |
newURL |
DOMString |
Le nouvel URL où le navigateur est. |
oldURL |
DOMString |
L'ancien URL où le navigateur se trouvait. |
Une solution autour de event.newURL et event.oldURL
//insérez ce bout de code au début de votre code pour observer les changements de hash dans l'URL
if(!window.HashChangeEvent)(function(){
var lastURL=document.URL;
window.addEventListener("hashchange",function(event){
Object.defineProperty(event,"oldURL",{enumerable:true,configurable:true,value:lastURL});
Object.defineProperty(event,"newURL",{enumerable:true,configurable:true,value:document.URL});
lastURL=document.URL;
});
}());
Spécifications
| Spécifications | Statut | Commentaires |
|---|---|---|
| WHATWG HTML Living Standard La définition de 'GlobalEventHandlers' dans cette spécification. |
Standard évolutif | |
| HTML5.1 La définition de 'GlobalEventHandlers' dans cette spécification. |
Version de travail | |
| HTML5 La définition de 'GlobalEventHandlers' dans cette spécification. |
Recommendation |
Compatibilité des navigateurs
| Fonctionnalité | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Support de base | 5.0 | 3.6 (1.9.2) |
8.0
|
10.6 | 5.0 |
| Fonctionnalité | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Support de base | 2.2 | 1.0 (1.9.2) | 9.0 | 11.0 | 5.0 |
Lire également
- Manipuler l'historique du navigateur
- Méthodes history.pushState() et history.replaceState()
- L'événement popstate
Étiquettes et contributeurs liés au document
Contributeurs à cette page :
Restimel,
electrotiti
Dernière mise à jour par :
Restimel,