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

Jak vkládat 3D objekty na web pomocí Three.js

Které formáty použít, jak vytvářet modely pomocí AI a kdy raději použít obrázek nebo video.

15 minut

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

Novinky e-mailem

Když budu mít něco opravdu zajímavého, můžu vám to poslat e-mailem

Přidej se k 500+ čtenářům
Jen kvalitní obsah
Žádný spam

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