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
関連情報
- 投機ルール API
prerendering
プロパティ