Recommandation de cours :

Événements DOM Événement HashChangeEvent

Événement onhashchange

Définition et utilisation

Lorsque la partie ancre de l'URL actuelle (commençant par le symbole '#') change, l'événement onhashchange est déclenché.

Exemple d'un ancre : supposons que l'URL actuelle soit http://www.example.com/test.htm#part2 - l'ancrage de cette URL sera #part2.

  • Pour déclencher cet événement, vous pouvez : Objet Locationde location.hash ou la propriété location.hrefpour changer la partie ancre
  • Naviguez vers la page actuelle en utilisant des signets différents (en utilisant le bouton "Retour" ou "Avancer")
  • Cliquez sur le lien pointant vers l'ancrage de la page de signet

Exemple

Exemple 1

Exécution du JavaScript après que la partie ancre a changé

<body onhashchange="myFunction()">

Essayez-le vous-même

Exemple 2

Comment attribuer l'événement "onhashchange" à l'objet window :

window.onhashchange = myFunction;

Essayez-le vous-même

Syntaxe

Dans HTML :

<element onhashchange="myScript">

Essayez-le vous-même

En JavaScript :

object.onhashchange = function(){myScript};

Essayez-le vous-même

En JavaScript, utilisez la méthode addEventListener() :

object.addEventListener("hashchange", myScript);

Essayez-le vous-même

Remarque :Internet Explorer 8 et les versions antérieures ne prennent pas en charge Méthode addEventListener().

Détails techniques

Bubbling : Pris en charge
Annulable : Non pris en charge
Type d'événement : Événement HashChangeEvent
Balises HTML prises en charge : <body>
Version DOM : Événements de niveau 3

Support du navigateur

Les nombres dans le tableau indiquent la première version de navigateur qui prend en charge cet événement en intégralité.

Événement Chrome IE Firefox Safari Opera
onhashchange 5.0 8.0 3.6 5.0 10.6
Événements DOM Événement HashChangeEvent