Window: pagehide event

The pagehide event is sent to a Window when the browser hides the current page in the process of presenting a different page from the session's history. For example, when the user clicks the browser's Back button, the current page receives a pagehide event before the previous page is shown.

Bubbles No
Cancelable No
Interface PageTransitionEvent
Event handler property onpagehide

Examples

In this example, an event handler is established to watch for pagehide events and to perform special handling if the page is being persisted for possible reuse.

window.addEventListener("pagehide", event => {
  if (event.persisted) {
    /* the page isn't being discarded, so it can be reused later */
  }
}, false);

This can also be written using the onpagehide event handler property on the Window:

window.onpagehide = event => {
  if (event.persisted) {
    /* the page isn't being discarded, so it can be reused later */
  }
}

Specifications

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

Browser compatibility

BCD tables only load in the browser

See also