PageTransitionEvent

The PageTransitionEvent event object is available inside handler functions for the pageshow and pagehide events, fired when a document is being loaded or unloaded.

Constructor

PageTransitionEvent(): Creates a new PageTransitionEvent object.

Instance properties

This interface also inherits properties from its parent, Event.

PageTransitionEvent.persisted Read only: Indicates if the document is loading from a cache.

Example

HTML

html

<!doctype html>
<html lang="en-US">
  <body></body>
</html>

JavaScript

window.addEventListener("pageshow", (event) => {
  if (event.persisted) {
    alert("The page was cached by the browser");
  } else {
    alert("The page was NOT cached by the browser");
  }
});

Specifications

Specification
HTML Standard # the-pagetransitionevent-interface

Browser compatibility

	Desktop						Mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet	WebView Android
`PageTransitionEvent`	16	79	11	15	6	18	14	14	6	1.0	4.4
`PageTransitionEvent`	4	12	1.5	15	5	18	4	14	4	1.0	≤37
`persisted`	4	12	11	15	5	18	14	14	4	1.0	≤37