Fenster: 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 ⁨Juli 2015⁩.

Das hashchange-Ereignis wird ausgelöst, wenn sich der Fragmentbezeichner 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 mit 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 Zeichenfolgenwert, der die neue URL darstellt, zu der das Fenster navigiert.
HashChangeEvent.oldURL Schreibgeschützt: Ein Zeichenfolgenwert, der die vorherige URL darstellt, von der das Fenster navigiert wurde.

Ereignis-Handler-Aliase

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!");
});

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

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden