JS - addEventListener

Zhrnutie prednášky

Prednáška vysvetľuje, ako v JavaScripte reagovať na udalosti na webovej stránke pomocou metódy addEventListener. Metóde sa zadáva typ udalosti (napríklad keydown alebo keyup) a funkcia, ktorá sa pri jej nastaní zavolá. Funkcia môže prijať objekt udalosti (KeyboardEvent), z ktorého vlastnosti event.key zistíme, ktorá klávesa bola stlačená. Na základe toho možno pomocou podmienok vykonať rôznu logiku, napríklad vypísať input pri klávese i a output pri klávese o. Rozdiel medzi keydown a keyup je ukázaný na tom, že keydown sa opakuje pri držaní klávesy, kým keyup sa spustí až po jej pustení. Na záver sa nadväzuje, že listener je možné pridať aj na konkrétny prvok stránky, čo si ukážeme v ďalšom videu o výbere prvkov.

• - Event listener sa pridáva cez dokument.addEventListener(typ, funkcia).
• - Udalosti ako keydown, keypress a keyup umožňujú stránke reagovať na klávesnicu.
• - Funkcia priradená listeneru sa zavolá vždy, keď udalosť nastane.
• - Objekt udalosti (KeyboardEvent) odovzdaný funkcii obsahuje vlastnosť event.key s názvom stlačenej klávesy.
• - Podmienkami if nad event.key možno spúšťať rôznu logiku pre rôzne klávesy.
• - Keydown sa opakuje pri držaní klávesy, keyup sa vykoná až po jej pustení.
• - Listener možno pridať aj na konkrétny prvok, ak ho vieme na stránke vybrať.

Zhrnutie pripravené s pomocou AI z prepisu videa.