onpagehideイベント
例
ユーザーがWebページから移動しているときにJavaScriptを実行します。
<body onpagehide="myFunction()">
定義と使用法
onpagehideイベントは、ユーザーがWebページから移動しているときに発生します。
ページから離れるにはいくつかの方法があります。たとえば、リンクをクリックする、ページを更新する、フォームを送信する、ブラウザウィンドウを閉じるなどです。
onunloadイベントによりページがキャッシュされないため、onunloadイベントの代わりにonpagehideイベントが使用されることがあり ます。
ページがサーバーから直接ロードされているかどうか、またはページがキャッシュされているかどうかを確認するには、PageTransitionEventオブジェクトのpersistedプロパティを使用できます。このプロパティは、ページがブラウザによってキャッシュされている場合はtrueを返し、それ以外の場合はfalseを返します。
ブラウザのサポート
表の数字は、イベントを完全にサポートする最初のブラウザーバージョンを示しています。
| Event | |||||
|---|---|---|---|---|---|
| onpagehide | Yes | 11.0 | Yes | 5.0 | Yes |
注：ブラウザーの設定が異なるため、このイベントは常に期待どおりに機能するとは限りません。
構文
HTMLの場合：
<element onpagehide="myScript">JavaScriptの場合：
object.onpagehide = function(){myScript};
JavaScriptでは、addEventListener（）メソッドを使用します。
object.addEventListener("pagehide", myScript);注： addEventListener （）メソッドは、Internet Explorer8以前のバージョンではサポートされていません。
技術的な詳細
| 泡： | 番号 |
|---|---|
| キャンセル可能： | 番号 |
| イベントタイプ： | PageTransitionEvent |
| サポートされているHTMLタグ： | <本体> |
| DOMバージョン： | レベル3のイベント |