Document: hidden property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

The Document.hidden read-only property returns a Boolean value indicating if the page is considered hidden or not.

The Document.visibilityState property provides an alternative way to determine whether the page is hidden.

Value

A Boolean value, true if the page is hidden, and false otherwise.

Examples

js
document.addEventListener("visibilitychange", () => {
  console.log(document.hidden);
  // Modify behavior…
});

Specifications

Specification
HTML
# dom-document-hidden

Browser compatibility

desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
hidden

See also