onpageshowイベント
この記事の下部には、さらに多くの例が含まれています。
定義と使い方
onpageshow イベントは、ユーザーがウェブページを閲覧するときにトリガーされます。
onpageshow イベントは似ていますonloadイベント、onload イベントはページの最初の読み込み時にトリガーされ、onpageshow イベントはページが読み込まれるたびにトリガーされます。つまり、onload イベントはページがブラウザのキャッシュから読み取られる場合にはトリガーされません。
ページがサーバーから直接読み込まれたのか、キャッシュから読み取られたのかを確認するには、PageTransitionEvent オブジェクトの persisted プロパティを使用して判断できます。ページがブラウザのキャッシュから読み取られた場合、このプロパティは true を返し、それ以外の場合は false を返します（以下の「その他の例」を参照）。
ブラウザサポート
表内の数字は、そのイベントをサポートする最初のブラウザのバージョン番号を示します。
| イベント | |||||
|---|---|---|---|---|---|
| onpageshow | Yes | 11.0 | Yes | 5.0 | Yes |
構文
HTML の場合:
<element onpageshow="myScript">試してみる
JavaScript の場合:
object.onpageshow=function(){myScript};試してみる
JavaScript では、addEventListener() メソッドを使用します:
object.addEventListener("pageshow", myScript);試してみる
注:Internet Explorer 8 およびそれ以前の IE バージョンのブラウザはサポートしていませんaddEventListener()メソッド。
技術詳細
| バブリングをサポートするか: | No |
|---|---|
| キャンセルできるか: | No |
| イベントタイプ: | PageTransitionEvent |
| サポートされる HTML タグ: | <body> |
その他の例
例
ページがブラウザのキャッシュから読み取られたかどうかを確認します:
function myFunction(event) {
alert("このページはブラウザキャッシュから読み込まれましたか? " + event.persisted);
}
alert("このページはブラウザキャッシュから読み込まれましたか? " + event.persisted);
}
試してみる »
イベントオブジェクト その他の拡張