Kursrekommendationer:

DOM-händelser HashChangeEvent

onhashchange-händelsen

Definiera och använda

När den aktuella URL:ens ankerdel (börjar med '#' tecken) ändras, sker onhashchange-händelsen.

Ett exempel på vad som är en ankerdel: Anta att den aktuella URL:en är http://www.example.com/test.htm#part2 - den här URL:ens ankerdel är #part2.

  • Om du vill anropa detta evenemang kan du: Location-objektgenom att location.hash eller location.href-attributetFör att ändra ankerdelen
  • Navigera till den aktuella sidan med olika bokmärken (använd "Bakåt"- eller "Framåt"-knappen)
  • Klicka på en länk som pekar på en bokmärke

Exempel

Exempel 1

Kör JavaScript efter att ankerdelen har ändrats

<body onhashchange="myFunction()">

Prova själv

Exempel 2

Hur man tilldelar "onhashchange"-händelsen till window-objektet:

window.onhashchange = myFunction;

Prova själv

Syntax

I HTML:

<element onhashchange="myScript">

Prova själv

I JavaScript:

object.onhashchange = function(){myScript};

Prova själv

I JavaScript, använd addEventListener() metoden:

object.addEventListener("hashchange", myScript);

Prova själv

Kommentar:Internet Explorer 8 eller tidigare versioner stöder inte addEventListener() metoden.

Tekniska detaljer

Bobbel: Stödd
Kan avbrytas: Ej stödd
HändelseTyp: HashChangeEvent
Stödda HTML-taggar: <body>
DOM-version: Nivå 3-händelser

Webbläsarstöd

Tabellen siffror anger den första webbläsarversion som helt stöder detta evenemang.

händelse Chrome IE Firefox Safari Opera
onhashchange 5.0 8.0 3.6 5.0 10.6
DOM-händelser HashChangeEvent