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 | ページが遷移したら。キャッシュされません |