Aktivování/deaktivování okna

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ěší…

To je všechno. Líbil se vám článek a chcete se dozvědět, až vyjde další?

Sledujte:

 

Připomínky mi pište do komentářů ↓

Fixní postranní panel

Jak vytvořit fixovaný banner?

JavaScriptové řešení prvku, který při rolování zůstane stále viditelný.

Baterka v CSS a JavaScriptu

Vytvoření efektu baterky v CSS a JS

Jak jednoduše vytvořit na stránce efekt baterky? Tedy ztmavit web a prohlížet ho jakýmsi průzorem.

Test existence obrázku JavaScriptem

Ověření existence obrázku pomocí JS

Jak JavaScriptem ověřit existenci obrázku?

Načtení obrázku, až když je potřeba

Zpožděné načtení obrázku, až když je potřeba

Kromě potřeby nahrát obrázek dopředu (preload), aby byl v době použití 100% připravený, může být potřeba opačná – načíst jej, až v momentě, kdy je potřeba. Z důvodu nemrhání datovým přenosem.

Lightboxová vstupní stránka

Lightboxová vstupní stránka ihned po načtení

Jak vytvořit lightbox okno, které po načtení stránky překryje obsah.

Komentáře