Check if browser tab is focused

OSCC · JavaScript, Browser · Oct 20, 2020

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

Recommended snippets