visibilitychange イベントは、タブのコンテンツが表示状態または非表示状態になったときに発生します。
一般情報
- 仕様書
- Page Visibility (Second Edition)
- インターフェイス
event- イベントバブル
- あり
- キャンセル
- 不可
- ターゲット
Document- デフォルトアクション
- なし
プロパティ
| Property | Type | Description |
|---|---|---|
target 読取専用 |
EventTarget |
The event target (the topmost target in the DOM tree). |
type 読取専用 |
DOMString |
The type of event. |
bubbles 読取専用 |
Boolean |
Whether the event normally bubbles or not. |
cancelable 読取専用 |
Boolean |
Whether the event is cancellable or not. |
例
document.addEventListener("visibilitychange", function() {
console.log( document.visibilityState );
});
仕様
| 仕様書 | 策定状況 | コメント |
|---|---|---|
| Page Visibility (Second Edition) visibilitychange の定義 |
勧告 |
ブラウザ実装状況
現在、互換性データを可読形式の JSON フォーマットに置き換えているところです。
この互換性一覧は古い形式を使っており、これに含まれるデータの置き換えが済んでいません。
手助けしていただける場合は、こちらから！
| 機能 | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| 基本サポート | 13 webkit 33 |
10 (10) moz 18 (18) |
10 |
12.10[1] |
6.1 |
| 機能 | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| 基本サポート | 4.4 webkit | 10.0 (10) moz 18.0 (18) |
? | 12.10 [1] | 7 |
[1] ブラウザウィンドウを最小化しても visibilitychange イベントは発生せず、また hidden は true に変わりません。