Aké typy udalostí (událostí) existujú?

Existuje veľa typov udalostí, ale najbežnejšie možno zaradiť do kategórií:

• Udalosti používateľského rozhrania:

  • click: Kliknutie na prvok.
  • dblclick: Dvojité kliknutie na prvok.
  • mousedown: Stlačenie tlačidla myši (pred uvoľnením).
  • mouseup: Uvoľnenie tlačidla myši.
  • mousemove: Pohyb ukazovateľa myši nad prvkom.
  • mouseover: Presunutie ukazovateľa myši na prvok.
  • mouseout: Opustenie ukazovateľa myši z prvku.
  • mouseenter: Presunutie ukazovateľa myši na prvok (nebublá z detí).
  • mouseleave: Opustenie ukazovateľa myši z prvku (nebublá z detí).
  • contextmenu: Vyvolanie kontextového menu pravým tlačidlom myši.

• Udalosti klávesnice:

  • keydown: Stlačenie klávesu (pred uvoľnením).
  • keyup: Uvoľnenie klávesu.
  • keypress: Stlačenie a držanie klávesu, ktoré generuje znakový vstup. (Zastaralé, odporúča sa používať keydown a keyup).

• Udalosti formulára:

  • submit: Odoslanie formulára.
  • change: Zmena hodnoty prvku formulára (napr. <input>, <select>, <textarea>).
  • input: Zmena hodnoty prvku formulára, keď sa jeho obsah interaktívne mení používateľom.
  • focus: Získanie fokusu prvkom.
  • blur: Strata fokusu prvkom.
  • cut: Vystrihnutie obsahu.
  • copy: Kopírovanie obsahu.
  • paste: Vloženie obsahu.

• Udalosti načítania a chýb:

  • load: Dokončenie načítania zdroja (napr. obrázku, skriptu, stránky).
  • unload: Opustenie stránky.
  • beforeunload: Pokus opustiť stránku (umožňuje zobraziť dialóg na potvrdenie).
  • error: Došlo k chybe pri načítaní zdroja alebo vykonávaní skriptu.

• Udalosti zamerania (FocusEvent):

  • focusin: Prvok alebo ktorýkoľvek jeho potomok získava fokus.
  • focusout: Prvok alebo ktorýkoľvek jeho potomok stráca fokus.

• Udalosti posúvania:

  • scroll: Posun prvku.

• Udalosti dotyku (pre dotykové zariadenia):

  • touchstart: Prst sa dotýka obrazovky.
  • touchend: Prst sa odlepí od obrazovky.
  • touchmove: Prst sa pohybuje po obrazovke.
  • touchcancel: Udalosť dotyku je prerušená (napr. kvôli volaniu systémového menu).

• Udalosti ťahania (Drag and Drop):

  • dragstart: Začiatok ťahania.
  • drag: Prvok sa ťahá.
  • dragend: Ukončenie ťahania.
  • dragenter: Prvok je ťahaný nad povolenou zónou pre drop.
  • dragleave: Prvok je ťahaný mimo povolenú zónu.
  • dragover: Prvok je ťahaný nad povolenou zónou pre drop (vyžaduje zrušenie predvoleného správania na povolenie dropu).
  • drop: Prvok je upustený do povolenej zóny.

• Historické udalosti prehliadača:

  • popstate: Zmena aktívneho záznamu v histórii pri navigácii (napr. stlačením tlačidla "Späť/Vpred").

• Udalosti zmeny veľkosti okna:

  • resize: Zmena veľkosti prehliadača.

Toto nie je vyčerpávajúci zoznam, ale pokrýva najčastejšie a najdôležitejšie typy udalostí vo webovom vývoji. Pochopenie ich účelu a správania je kľúčové pre tvorbu interaktívnych webových aplikácií.