Window: 页面隐藏事件 (pagehide event)

当浏览器在显示与会话历史记录不同的页面的过程中隐藏当前页面时，pagehide(页面隐藏) 事件会被发送到一个Window 。例如，当用户单击浏览器的“后退”按钮时，当前页面在显示上一页之前会收到一个pagehide(页面隐藏) 事件。

Bubbles(冒泡)	No
Cancelable(可取消)	No
Interface(接口)	`PageTransitionEvent`
Event handler property(事件处理程序属性)	`onpagehide`

例子

在此示例中，建立了一个事件处理程序以监视 pagehide (页面隐藏) 事件，并在持久保存页面以进行可能的重用时执行特殊处理。

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

这也可以使用 Window 上的 onpagehide 事件处理程序属性来编写：

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

规范

Specification
HTML Standard # event-pagehide

浏览器兼容性

BCD tables only load in the browser

了解更多

The pageshow event