Check if browser tab is focused

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

More like this

Check if bottom of page is visible
Checks if the bottom of the page is visible.
JavaScript, Browser · Oct 22, 2020
Element is focused
Checks if the given element is focused.
JavaScript, Browser · Oct 19, 2020
Element is visible in viewport
Checks if the element specified is visible in the viewport.
JavaScript, Browser · Oct 22, 2020