visibilitychange イベントは、タブのコンテンツが表示状態または非表示状態になったときに発生します。
一般情報
- 仕様書
- Page Visibility (Second Edition)
- インターフェイス
event- イベントバブル
- あり
- キャンセル
- 不可
- ターゲット
Document- デフォルトアクション
- なし
プロパティ
| プロパティ | 型 | 説明 |
|---|---|---|
target 読取専用 |
EventTarget |
イベントターゲット (DOM ツリー内最上位の対象) |
type 読取専用 |
DOMString |
イベントの型 |
bubbles 読取専用 |
Boolean |
通常時のバブリングの有無 |
cancelable 読取専用 |
Boolean |
イベントのキャンセルの可否 |
例
document.addEventListener("visibilitychange", function() {
console.log( document.visibilityState );
});
仕様
| 仕様書 | 策定状況 | コメント |
|---|---|---|
| Page Visibility (Second Edition) The definition of 'visibilitychange' in that specification. |
勧告 |
ブラウザ実装状況
| 機能 | 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 に変わりません。