We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

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 の定義
勧告  

ブラウザ実装状況

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

機能 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 に変わりません。

関連情報

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

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