Window: pageshow event

The pageshow event is sent to a Window when the browser displays the window's document due to navigation. This includes:

  • Initially loading the page
  • Navigating to the page from another page in the same window or tab
  • Restoring a frozen page on mobile OSes
  • Returning to the page using the browser's forward or back buttons

During the initial page load, the pageshow event fires after the load event.

Bubbles No
Cancelable No
Interface PageTransitionEvent
Event handler property onpageshow

Examples

This example sets up event handlers for events listed in the array events. The handler, eventLogger(), logs the type of event that occurred to the console, and includes the value of the persisted flag on pageshow and pagehide events.

JavaScript

const events = [
  "pagehide", "pageshow",
  "unload", "load"
];

const eventLogger = event => {
  switch (event.type) {
    case "pagehide":
    case "pageshow":
      let isPersisted = event.persisted ? "persisted" : "not persisted";
      console.log('Event:', event.type, '-', isPersisted);
      break;
    default:
      console.log('Event:', event.type);
      break;
  }
};

events.forEach(eventName =>
  window.addEventListener(eventName, eventLogger)
);

HTML

<p>Open the console and watch the output as you navigate to and from
this page. Try loading new pages into this tab, then navigating forward
and backward through history, noting the events’ output to the log.</p>

Results

Specifications

Specification Status Comment
HTML Living Standard
The definition of 'pageshow' in that specification.
Living Standard Initial specification.
HTML5
The definition of 'pageshow' in that specification.
Recommendation

Browser compatibility

DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
pageshow eventChrome Full support 3Edge Full support 12Firefox Full support YesIE Full support YesOpera Full support YesSafari Full support YesWebView Android Full support ≀37Chrome Android Full support 18Firefox Android Full support YesOpera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes

Legend

Full support
Full support

See also