NavigationActivation: navigationType property

Limited availability

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

Experimental:This is anexperimental technology
Check theBrowser compatibility table carefully before using this in production.

ThenavigationType read-only property of theNavigationActivation interface contains a string indicating the type of navigation.

Value

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

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

Examples

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