NavigationActivation: navigationType property

Baseline 2026
Newly available

Since January 2026, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

The navigationType read-only property of the NavigationActivation interface contains a string indicating the type of navigation.

Value

A string representing the type of navigation the NavigationActivation relates to. Possible values are:

  • push: A new location was navigated to, causing a new entry to be pushed onto the history list.
  • reload: The NavigationActivation.entry was reloaded.
  • replace: The NavigationActivation.entry was replaced with a new history entry. This new entry will reuse the same key, but be assigned a different id.
  • traverse: The browser navigated from one existing history entry to another existing history entry.

Examples

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();
  }
});

Specifications

Specification
HTML
# dom-navigationactivation-navigationtype

Browser compatibility

See also