Window: hashchange Ereignis
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Das hashchange
-Ereignis wird ausgelöst, wenn sich der Fragment-Identifikator der URL geändert hat (der Teil der URL, der mit dem #
-Symbol beginnt und diesem folgt).
Syntax
Verwenden Sie den Ereignisnamen in Methoden wie addEventListener()
oder legen Sie eine Ereignis-Handler-Eigenschaft fest.
addEventListener("hashchange", (event) => {});
onhashchange = (event) => {};
Ereignistyp
Ein HashChangeEvent
. Erbt von Event
.
Ereigniseigenschaften
HashChangeEvent.newURL
Nur lesbar-
Ein String, der die neue URL repräsentiert, zu der das Fenster navigiert.
HashChangeEvent.oldURL
Nur lesbar-
Ein String, der die vorherige URL repräsentiert, von der das Fenster navigiert wurde.
Aliasnamen für Ereignis-Handler
Zusätzlich zur Window
-Schnittstelle ist die Ereignis-Handler-Eigenschaft onhashchange
auch auf den folgenden Zielen verfügbar:
Beispiele
Sie können das hashchange
-Ereignis in einer addEventListener
-Methode verwenden:
window.addEventListener(
"hashchange",
() => {
console.log("The hash has changed!");
},
false,
);
Oder Sie verwenden die onhashchange
-Ereignis-Handler-Eigenschaft:
function locationHashChanged() {
if (location.hash === "#cool-feature") {
console.log("You're visiting a cool feature!");
}
}
window.onhashchange = locationHashChanged;
Spezifikationen
Specification |
---|
HTML Standard # event-hashchange |
HTML Standard # handler-window-onhashchange |
Browser-Kompatibilität
BCD tables only load in the browser
Siehe auch
popstate
Ereignis