Document: prerenderingchange イベント

Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

prerenderingchange イベントは、事前レンダリングされた文書がアクティブになった（ユーザーがページを閲覧した）ときに発生します。

構文

このイベント名を addEventListener() のようなメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。

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

prerenderingchange = (event) => {};

イベント型

一般的な Event です。

例

以下のコードは、イベントリスナーを設定して、事前レンダリングされたページ（事前レンダリングはDocument.prerenderingによって検出されます）においては、事前レンダリングが完了たときに関数を実行し、事前レンダリングされていないページでは直ちに実行します。

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

メモ: 事前レンダリングが完了するまで遅らせたいアクティビティの種類については、投機ルール API ランディングページ、特に安全でない投機的読み込み条件の節を参照してください。

仕様書

Specification
Prerendering Revamped
# eventdef-document-prerenderingchange
Prerendering Revamped
# dom-document-onprerenderingchange

ブラウザーの互換性

BCD tables only load in the browser

関連情報