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
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
hidden
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- See implementation notes.
- Requires a vendor prefix or different name for use.
- Has more compatibility info.