NavigationActivation: Eigenschaft navigationType

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 vor der Verwendung auf produktiven Webseiten.

Die navigationType schreibgeschützte Eigenschaft des NavigationActivation-Interfaces enthält einen String, der den Navigations-Typ angibt.

Wert

Ein String, der den Navigationstyp repräsentiert, mit dem die NavigationActivation in Beziehung steht. Mögliche Werte sind:

  • push: Es wurde zu einem neuen Ort navigiert, wodurch ein neuer Eintrag in die Historienliste eingefügt wurde.
  • reload: Der NavigationActivation.entry wurde neu geladen.
  • replace: Der NavigationActivation.entry wurde durch einen neuen Historieneintrag ersetzt. Dieser neue Eintrag wird denselben key wiederverwenden, aber eine andere id zugewiesen bekommen.
  • traverse: Der Browser ist von einem bestehenden Historieneintrag zu einem anderen bestehenden Historieneintrag navigiert.

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