visibilitychange

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 イベントは発生せず、また hiddentrue に変わりません。

関連情報

ドキュメントのタグと貢献者

 このページの貢献者: yyss
 最終更新者: yyss,