onpageshowイベント
例
ユーザーがWebページに移動したときにJavaScriptを実行します。
<body onpageshow="myFunction()">
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
onpageshowイベントは、ユーザーがWebページに移動したときに発生します。
onpageshowイベントはonloadイベントに似ていますが、ページが最初に読み込まれるときにonloadイベントの後に発生する点が異なります。また、onpageshowイベントはページが読み込まれるたびに発生しますが、onloadイベントはページがキャッシュから読み込まれるときには発生しません。
ページがサーバーから直接ロードされているかどうか、またはページがキャッシュされているかどうかを確認するには、PageTransitionEventオブジェクトのpersistedプロパティを使用できます。このプロパティは、ページがブラウザによってキャッシュされている場合はtrueを返し、それ以外の場合はfalseを返します（以下の「その他の例」を参照）。
ブラウザのサポート
表の数字は、イベントを完全にサポートする最初のブラウザーバージョンを示しています。
| Event | |||||
|---|---|---|---|---|---|
| onpageshow | Yes | 11.0 | Yes | 5.0 | Yes |
構文
HTMLの場合：
<element onpageshow="myScript">
JavaScriptの場合：
object.onpageshow = function(){myScript};
JavaScriptでは、addEventListener（）メソッドを使用します。
object.addEventListener("pageshow", myScript);
注： addEventListener （）メソッドは、Internet Explorer8以前のバージョンではサポートされていません。
技術的な詳細
| 泡： | 番号 |
|---|---|
| キャンセル可能： | 番号 |
| イベントタイプ： | PageTransitionEvent |
| サポートされているHTMLタグ： | <本体> |
| DOMバージョン： | レベル3のイベント |
その他の例
例
ページがブラウザによってキャッシュされたかどうかを確認します。
function myFunction(event) {
alert(event.persisted);
}