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

• Check if bottom of page is visible

  JavaScript, Browser

  Checks if the bottom of the page is visible.

• Element is focused

  JavaScript, Browser

  Checks if the given element is focused.

• Redirect to HTTPS

  JavaScript, Browser

  Redirects the page to HTTPS if it's currently in HTTP.