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

関連情報

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

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