onhashchange evenement

DOM events HashChangeEvent

Definitie en gebruik

Wanneer het ankerdeel van de huidige URL (beginnend met het '#' teken) verandert, wordt het onhashchange evenement geactiveerd.

Een voorbeeld van wat een ankerdeel is: veronderstel dat de huidige URL http://www.example.com/test.htm#part2 is - het ankerdeel van deze URL is #part2.

Als je dit evenement wilt aanroepen, kun je:

  • Door in te stellen Location objectvan location.hash of location.href eigenschapom het ankerdeel te veranderen
  • Navigeer naar de huidige pagina met verschillende boekmerken (gebruik de "terug" of "vooruit" knoppen)
  • Klik op de link die verwijst naar het ankerpunt van het boekmerk

Voorbeeld

Voorbeeld 1

JavaScript uitvoeren nadat het ankerdeel is veranderd

<body onhashchange="myFunction()">

Probeer het zelf uit

Voorbeeld 2

Hoe het "onhashchange" evenement toe te wijzen aan het window object:

window.onhashchange = myFunction;

Probeer het zelf uit

Syntaxis

In HTML:

<element onhashchange="myScript">

Probeer het zelf uit

In JavaScript:

object.onhashchange = function(){myScript};

Probeer het zelf uit

In JavaScript, gebruik de addEventListener() methode:

object.addEventListener("hashchange", myScript);

Probeer het zelf uit

Opmerking:Internet Explorer 8 of eerdere versies ondersteunen dit niet addEventListener() methode.

Technische details

Bubbelend: Ondersteund
Annuleerbaar: Niet ondersteund
Evenementtype: HashChangeEvent
Ondersteunde HTML tags: <body>
DOM versie: Niveau 3 Evenementen

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die het evenement volledig ondersteunt.

event Chrome IE Firefox Safari Opera
onhashchange 5.0 8.0 3.6 5.0 10.6
DOM events HashChangeEvent