30-seconds-of-code/snippets/is-browser-tab-focused.md

title, tags, cover, firstSeen, lastUpdated

title	tags	cover	firstSeen	lastUpdated
Check if browser tab is focused	browser	overgrown	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