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 darauf folgt).

Dieses Ereignis wird nicht ausgelöst, wenn der Hash mittels history.pushState() oder history.replaceState() modifiziert wird.

Syntax

Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignis-Handler-Eigenschaft.

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.

Ereignis-Handler-Alternativen

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 verwenden Sie 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 # event-hashchange
HTML # handler-window-onhashchange

Browser-Kompatibilität

Siehe auch

popstate Ereignis