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 diesem folgt).
Dieses Event wird nicht ausgelöst, wenn der Hash mit history.pushState() oder history.replaceState() geändert wird.
Syntax
Verwenden Sie den Event-Namen in Methoden wie addEventListener() oder setzen Sie eine Ereignishandler-Eigenschaft.
addEventListener("hashchange", (event) => { })
onhashchange = (event) => { }
Event-Typ
Ein HashChangeEvent. Erbt von Event.
Event-Handler-Alias
Zusätzlich zum Window-Interface ist die Ereignishandler-Eigenschaft onhashchange auch auf den 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 Ereignishandler-Eigenschaft:
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
popstateEvent