Supporté par ChromeSupporté par FirefoxSupporté par EdgeSupporté par Safari/iOS hashChange : Démo HTML5

Mise à jour : 2017-01-22

Cette fonctionnalité permet de capter les changements intervenant dans l'ancre d'une URL.

hashChange()


Cet évènement est envoyé lorsque l'ancre de l'URL est modifiée.

Notes sur le tuto

...

Exemple de code HTML5

<script>
	document.body.setAttribute("onhashchange", "update()");
	function update() {
		ancre = document.getElementById("ancre")
		myHash = location.hash.substr(1)
		ancre.innerHTML = myHash
		ancre.className = (myHash ? "ok" : "ko")
	}
</script>
L'ancre de l'URL de cette page est
<input type="button" value="Cliquez" onclick="location.href='#ancre_de_test'"> :
<span id="ancre">...</span>

Démonstration du résultat HTML5


L'ancre de l'URL de cette page est : ...

Détection automatique du support HTML5

Librairie JavaScript de détection automatique (attention, comporte quelques faux positifs et faux négatifs)
<script src="_html5detect.js"></script>
<script>isAttributeSupported("body", "onhashchange")</script>		

Can I Use hashchange? Data on support for the hashchange feature across the major browsers from caniuse.com.