The visibilityState property returns the visibility of the document. This is a read-only property.
Syntax:
letvis = document.visibilityState;
Return Value:
- visible: When page content may be visible to the user.
- hidden: When page content is not visible to the user.
- prerender: when the document is being prerendered and is not visible to the user.
Example: In this example, we are using the above-explained property.
HTML
<!DOCTYPE html> < html > < body > < h1 >neveropen</ h1 > < button onclick = "get()" > Get visibility </ button > < script type = "text/javascript" > function get() { let m = document.visibilityState; console.log(m); } </ script > </ body > </ html > |
Output:
Supported Browsers:
- Google Chrome
- Edge
- Firefox
- Opera
- Safari