Moderní tvorba webových aplikací

O webu

Zachycení aktivování a deaktivování okna v JS

V JavaScriptu lze relativně snadno reagovat na aktivování nebo deaktivování okna/záložky/tabu.

1 minuta

Vše, co je potřeba, jsou vlastnosti onfocus a onblur.

window.onfocus = function () {
    // co se má dělat po aktivování
};

window.onblur = function () {
    // co se má dělat po deaktivování
};

Pokud se má něco spustit hned po načtení, slouží k tomu událost onload.

Podpora

Funkční napříč prohlížeči.

A k čemu je to dobré?

Jestliže se na stránce něco JS časovačem přes AJAX automaticky obnovuje, může dávat smysl při deaktivování stránky (onblur) akci pozastavit a při aktivování (onfocus) ji opět pustit.

Ovšem chce to udělat z rozmyslem. Měla-li by se při deaktivování okna například přerušit přehrávaná hudba, kterou chce návštěvník poslouchat na pozadí, asi ho to moc nepotěší…

Související články

Sleep v JavaScriptu

Jak implementovat sleep/delay funkcionalitu v JavaScriptu pomocí Promise a async/await

6 minut

JavaScript Battery API

Jak v JS zjistit stav baterie, co dnes funguje a kdy API nepoužívat.

3 minuty

Web jecas.cz píše Bohumil Jahoda, kontakt
Seznam všech článků
2013–2025