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 Schreibgeschützt: Ein String, der die neue URL repräsentiert, zu der das Fenster navigiert.
HashChangeEvent.oldURL Schreibgeschützt: 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