onpagehideイベント

DOM イベント PageTransitionEvent

定義と使用方法

onpagehideイベントはユーザーがウェブページを離れたときに発生します。

ページを離れるためには多くの方法があります。例えば、リンクをクリックする、ページをリフレッシュする、フォームを送信する、ブラウザウィンドウを閉じるなどです。

onpagehideイベントが使用されることがあります onunload イベントを使用できます、なぜならonunloadイベントはページがキャッシュされないようにします。

ページが直接サーバーからロードされているかキャッシュされているかを確認するには、PageTransitionEventオブジェクトの persisted属性。ページがブラウザにキャッシュされている場合、この属性はtrueを返し、そうでない場合はfalseを返します（以下の例を参照してください）。

例

ユーザーがウェブページを離れたときにJavaScriptを実行します：

<body onpagehide="myFunction()">

文法

HTMLで：

<要素 onpagehide="myScript">

自分で試してみてください

JavaScriptで：

オブジェクト.onpagehide = function(){myScript};

自分で試してみてください

JavaScriptでaddEventListener()メソッドを使用する方法：

オブジェクト.addEventListener("pagehide", myScript);

自分で試してみてください

注釈：Internet Explorer 8またはそれ以前のバージョンではサポートされていません addEventListener()メソッド。

技術的詳細

バブル： サポート外
キャンセル可能： サポート外
イベントタイプ： PageTransitionEvent
サポートされているHTMLタグ： <body>
DOMバージョン： レベル3イベント

ブラウザのサポート

テーブルの数字は、そのイベントを完全にサポートする最初のブラウザバージョンを示しています。

イベント Chrome IE Firefox Safari Opera
onpagehide サポート 11.0 サポート 5.0 サポート

注釈：ブラウザの設定が異なるため、このイベントが常に期待通りに動作するとは限りません。

DOM イベント PageTransitionEvent