
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.
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.
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.
Sleep v JavaScriptu
Jak implementovat sleep/delay funkcionalitu v JavaScriptu pomocí Promise a async/await