Files
30-seconds-of-code/snippets/isBrowserTabFocused.md
Angelos Chalaris 8a6b73bd0c Update covers
2023-02-16 22:24:28 +02:00

20 lines
521 B
Markdown

---
title: Check if browser tab is focused
tags: browser
cover: overgrown
firstSeen: 2018-04-15T19:18:44+03:00
lastUpdated: 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](https://developer.mozilla.org/en-US/docs/Web/API/Page_Visibility_API) to check if the browser tab of the page is visible or hidden.
```js
const isBrowserTabFocused = () => !document.hidden;
```
```js
isBrowserTabFocused(); // true
```