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

title, tags

title	tags
isBrowserTabFocused	browser,beginner

Returns true if the browser tab of the page is focused, false otherwise.

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