備忘録的プログラミングリファレンス

pageshow ( onpageshow )イベント

 pageshow ( onpageshow )イベントは、ドキュメントがロードされたら発生するイベントです。pageshowイベントはキャッシュからページをロードしてもイベントが発生します。

 pageshowイベントは pagehide イベントの対です。

 似た機能に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)

BubblesNo
CancelableNo
InterfaceWindowEventHandlersミックスイン
Supported HTML ElementsWindow、<body>

 WindowEventHandlersミックスインで定義されおり、Windowインターフェイス、HTMLBodyElementインターフェイスで利用できます。

Example

確認ボタンをクリックしてください。以下のHTML,CSS,Scriptコード例が実行されます。