Document.hidden - 非表示状態か？
hiddenは、Documentのプロパティです。最上位のブラウジングコンテキストが持つドキュメントが非表示状態と見做されるか否かを返します。
概要
- 名前
- hidden
- 所属
- Document
- IDL
readonly attribute boolean hidden;
- 仕様書
- https://www.w3.org/TR/page-visibility/#dom-document-hidden
説明
最上位のブラウジングコンテキストが持つドキュメントが非表示状態の場合にtrue、違うならfalseを返す。
ウィンドウが最小化されている場合、別のタブが表示されて隠れている場合、OSのロックがかかっている場合、ページを離れようとしている場合、履歴エントリーが走査される場合に、非表示状態と見做される。defaultViewがnullの場合、falseを返す。
デモ
Document.hiddenのデモです。このドキュメントは隠れてないため、値はfalseのはずです。
<!-- このコードは編集できます。 -->
<!DOCTYPE html>
<html>
<body>
<script>
var value = document.hidden ;
console.log( value ) ;
document.body.appendChild( document.createTextNode( value ) ) ;
</script>
</body>
</html>サポート状況
| Chrome | Firefox | Safari | Edge | IE | Opera | iOS Safari | Android |
|---|---|---|---|---|---|---|---|
| ● 33+ | ● 18+ | ● 7.1+ | ● | ● 10+ | ● 20+ | ● 7.0+ | ▲ 4.4+ |
関連記事
- DocumentOrShadowRoot.fullscreenElement
- fullscreenElementは、DocumentOrShadowRootのプロパティです。フルスクリーン表示中の要素を返します。存在しない場合はnullを返します。現在、フルスクリーン中か否かの判定にも利用して下さい。
- hidden属性
- hidden属性は、要素がドキュメントとは関係がないことを表すための属性です。一般的なブラウザでは、この属性が付いた要素は非表示になります。
- Document.visibilityState
- visibilityStateは、Documentのプロパティです。最上位のブラウジングコンテキストが持つドキュメントの表示状態を文字列で返します。
- DocumentOrShadowRoot
- DocumentOrShadowRootは、Document、またはShadowRootが実装しているインターフェイスです。