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

Detekce otevření DevTools

Jak zjistit, že se na stránce otevřely vývojářské nástroje.

13 minut

JavaScript null a undefined

Rozdíly mezi null a undefined v JavaScriptu, kdy je používat a jak se vyhnout běžným chybám.

12 minut

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