Corso raccomandato:

Eventi DOM Evento HashChangeEvent

Evento onhashchange

Definizione e uso

Quando la sezione dell'ancora dell'URL corrente (che inizia con il simbolo '#' ) cambia, viene generato l'evento onhashchange.

Esempio di cosa è una sezione dell'ancora: supponiamo che l'URL corrente sia http://www.example.com/test.htm#part2 - la sezione dell'ancora di questo URL sarà #part2.

  • Per chiamare questo evento, puoi: Oggetto Locationdi location.hash o Proprietà location.hrefPer cambiare la sezione dell'ancora
  • Naviga alla pagina corrente utilizzando diversi segnalibri (usando i pulsanti "Indietro" o "Avanti") per cambiare la sezione dell'ancora
  • Clicca sul link che punta all'ancora del libro

Esempio

Esempio 1

Esegui JavaScript dopo che la sezione dell'ancora è cambiata

<body onhashchange="myFunction()">

Prova a te stesso

Esempio 2

Come assegnare l'evento "onhashchange" all'oggetto window:

window.onhashchange = myFunction;

Prova a te stesso

Sintassi

In HTML:

<elemento onhashchange="myScript">

Prova a te stesso

In JavaScript:

oggetto.onhashchange = function(){myScript};

Prova a te stesso

In JavaScript, utilizzare il metodo addEventListener():

oggetto.addEventListener("hashchange", myScript);

Prova a te stesso

Nota:Internet Explorer 8 o versioni precedenti non supportano Metodo addEventListener().

Dettagli tecnici

Bubbling: Supportato
Cancellable: Non supportato
Tipo di evento: Evento HashChangeEvent
Tag HTML supportati: <body>
Versione DOM: Eventi di Livello 3

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'evento.

Evento Chrome IE Firefox Safari Opera
onhashchange 5.0 8.0 3.6 5.0 10.6
Eventi DOM Evento HashChangeEvent