Window: hashchange-Event
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Das hashchange-Event wird ausgelöst, wenn sich der Fragmentbezeichner der URL geändert hat (der Teil der URL, der mit dem #-Symbol beginnt und ihm folgt).
Dieses Event wird nicht ausgelöst, wenn der Hash mit history.pushState() oder history.replaceState() modifiziert wird.
Syntax
Verwenden Sie den Ereignisnamen in Methoden wie addEventListener(), oder setzen Sie eine Ereignisbehandlereigenschaft.
addEventListener("hashchange", (event) => { })
onhashchange = (event) => { }
Ereignistyp
Ein HashChangeEvent. Erbt von Event.
Ereignis-Handler-Aliase
Zusätzlich zur Window-Schnittstelle ist die Ereignisbehandlereigenschaft onhashchange auch auf folgenden Zielen verfügbar:
Beispiele
Sie können das hashchange-Event in einer addEventListener-Methode verwenden:
window.addEventListener("hashchange", () => {
console.log("The hash has changed!");
});
Oder verwenden Sie die onhashchange-Ereignisbehandlereigenschaft:
function locationHashChanged() {
if (location.hash === "#cool-feature") {
console.log("You're visiting a cool feature!");
}
}
window.onhashchange = locationHashChanged;
Spezifikationen
| Spezifikation |
|---|
| HTML # event-hashchange |
| HTML # handler-window-onhashchange |
Browser-Kompatibilität
Siehe auch
popstate-Event