30-seconds-of-code/snippets/isBrowserTabFocused.md

title, tags, expertise, cover, firstSeen, lastUpdated

title	tags	expertise	cover	firstSeen	lastUpdated
Check if browser tab is focused	browser	beginner	blog_images/overgrown.jpg	2018-04-15T19:18:44+03:00	2020-10-20T23:02:01+03:00

Checks if the browser tab of the page is focused.

• Use the Document.hidden property, introduced by the Page Visibility API to check if the browser tab of the page is visible or hidden.

const isBrowserTabFocused = () => !document.hidden;

isBrowserTabFocused(); // true