このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

Window: pagehide イベント

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2015年7月⁩.

pagehide イベントは、ブラウザーがセッションの履歴から他のページを表示する過程において、現在のページを非表示にしたときに Window へ送られます。例えば、ユーザーがブラウザーの戻るボタンをクリックしたとき、現在のページはひとつ前のページが表示される前に pagehide イベントを受け取ります。

バブリング なし
キャンセル 不可
インターフェイス PageTransitionEvent
イベントハンドラープロパティ onpagehide

この例では、イベントハンドラーが pagehide イベントを監視するために確立され、ページが再利用できるように保存されようとするときに特殊な扱いを行います。

js
window.addEventListener( "pagehide", (event) => { if (event.persisted) { /* このページは破棄されないので、後で再利用することができます */ } }, false, ); 

これは onpagehide イベントハンドラープロパティを Window 上で利用することで書くこともできます。

js
window.onpagehide = (event) => { if (event.persisted) { /* このページは破棄されないので、後で再利用することができます */ } }; 

仕様書

Specification
HTML
# event-pagehide

ブラウザーの互換性

関連情報