NavigationActivation: navigationType-Eigenschaft

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig, bevor Sie diese produktiv verwenden.

Die schreibgeschützte Eigenschaft navigationType der NavigationActivation-Schnittstelle enthält einen Zeichenfolgenwert, der den Typ der Navigation angibt.

Wert

Eine Zeichenfolge, die den Navigationstyp darstellt, auf den sich die NavigationActivation bezieht. Mögliche Werte sind:

  • push: Zu einem neuen Standort wurde navigiert, wodurch ein neuer Eintrag in die Verlaufsliste eingefügt wurde.
  • reload: Der NavigationActivation.entry wurde neu geladen.
  • replace: Der NavigationActivation.entry wurde durch einen neuen Verlaufseintrag ersetzt. Dieser neue Eintrag wird denselben key erneut verwenden, aber eine andere id zugewiesen bekommen.
  • traverse: Der Browser navigierte von einem bestehenden Verlaufseintrag zu einem anderen bestehenden Verlaufseintrag.

Beispiele

js
window.addEventListener("pageswap", (event) => {
  // For example, the page was hidden, or the navigation is cross-document.
  if (!event.viewTransition) return;

  // Skip the view transition for back/forward navigations.
  if (event.activation.navigationType === "traverse") {
    event.viewTransition.skipTransition();
  }
});

Spezifikationen

Specification
HTML Standard
# dom-navigationactivation-navigationtype

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch