pageshow ( onpageshow )イベント
pageshow ( onpageshow )イベントは、ドキュメントがロードされたら発生するイベントです。pageshow イベントはキャッシュからページをロードしてもイベントが発生します。
document.body.addEventListener( "pageshow", ()=>{
console.log( event );
}, false );
詳しくは Example を参照してください
pageshowイベントは pagehide イベントの対です。
詳しくは以下のpageshow ( onpageshow )イベントについて
を参照してください。
pageshow ( onpageshow )イベントについて
pageshow ( onpageshow )イベントは、ページがロードされると発生するイベントです。キャッシュからもページを読み込みます。
似た機能にloadイベントがあります。loadイベントはキャッシュを使わないロードを捉えます。 キャッシュからドキュメントをロードするとloadイベントは発生しません。
pageshowイベントは、webページがロードされる度にイベントが発生します。
loadイベントに比べて、適応されるエレメントに違いがあります。 pageshowイベントは Window、<body> エレメントで使うことができますが、loadイベントは Window、 Document、各エレメントで使うことができます。
構文（Syntax）
in HTML
<tagelement onpageshow="function()">
in JavaScript
object.onpageshow = function(){ };
object.addEventListener("pageshow", script_);
備考（Remarks）
| Bubbles | No |
| Cancelable | No |
| Interface | WindowEventHandlersミックスイン |
| Supported HTML Elements | Window、<body> |
WindowEventHandlers ミックスインで定義されおり、Window インターフェイス、HTMLBodyElement インターフェイスで利用できます。
Example
関連するイベント
ページの遷移に関するイベント
HTML テキストのロード、ページの表示、閉じる、移動するといったページの遷移に関するイベントです。
| onload | ファイルやエレメントのロード時に発生。window でページの初期設定に使用 |
| onpagehide | ページが遷移したら。キャッシュされます |
| onpageshow | ページが読み込まれたら。キャッシュの有無に関係なくこのイベントが発生 |
| onunload | ページが遷移したら。キャッシュされません |