Verificar se aba está em foco com JavaScript

148d atrás

Ion

---

0 0

A propriedade document.hidden do #JavaScript retorna um boolean, sendo true se a aba está escondida, ou false, se ela está visível, ou seja, focada.

if (document.hidden) console.log('Está sem foco');
else console.log('Está em foco');

Eventos

Você pode observar quando a aba ganha ou perde foco com o evento "visibilitychange":

document.addEventListener('visibilitychange', () => console.log(document.hidden));