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 July 2015.
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 |
ブラウザーの互換性
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
pagehide event |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
関連情報
onpageshow
イベントハンドラープロパティpageshow
イベント