文档: prerenderingchange 事件

实验性: 这是一个 实验性技术
在生产环境中使用之前,请仔细查看 浏览器兼容性表

prerenderingchange 事件在预渲染的文档被激活(即用户查看页面)时触发。

语法

在诸如 addEventListener() 之类的方 法中使用事件名称,或设置事件处理程序属性。

js
addEventListener("prerenderingchange", (event) => {});

prerenderingchange = (event) => {};

事件类型

一个通用的 Event

示例

以下代码设置了一个事件监听器,以便在预渲染完成后在一个预渲染的页面上运行一个函数(通过 Document.prerendering 检测预渲染),或者在非预渲染的页面上立即运行该函数

js
if (document.prerendering) {
  document.addEventListener("prerenderingchange", initAnalytics, {
    once: true,
  });
} else {
  initAnalytics();
}

注意: 有关可能希望延迟到预渲染完成后执行的活动类型,请参阅 推测规则 API 着陆页,尤其是 不安全的推测性加载条件 部分。

规范

规范
预渲染大改
# eventdef-document-prerenderingchange
预渲染大改
# dom-document-onprerenderingchange

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅