Jaké typy událostí (eventů) existují?

Existuje mnoho typů událostí, ale nejběžnější lze seskupit do kategorií:

• Události uživatelského rozhraní:

  • click: Kliknutí na prvek.
  • dblclick: Dvojité kliknutí na prvek.
  • mousedown: Stisknutí tlačítka myši (před uvolněním).
  • mouseup: Uvolnění tlačítka myši.
  • mousemove: Pohyb ukazatele myši nad prvkem.
  • mouseover: Přesunutí ukazatele myši na prvek.
  • mouseout: Opustění ukazatele myši z prvku.
  • mouseenter: Přesunutí ukazatele myši na prvek (nebublá z dětí).
  • mouseleave: Opustění ukazatele myši z prvku (nebublá z dětí).
  • contextmenu: Vyvolání kontextového menu pravým tlačítkem myši.

• Události klávesnice:

  • keydown: Stisknutí klávesy (před uvolněním).
  • keyup: Uvolnění klávesy.
  • keypress: Stisknutí a držení klávesy, které generuje znakový vstup. (Zastaralé, doporučuje se používat keydown a keyup).

• Události formuláře:

  • submit: Odeslání formuláře.
  • change: Změna hodnoty prvku formuláře (např. <input>, <select>, <textarea>).
  • input: Změna hodnoty prvku formuláře při interaktivní změně obsahu uživatelem.
  • focus: Získání fokusu prvkem.
  • blur: Ztráta fokusu prvkem.
  • cut: Vyjmutí obsahu.
  • copy: Kopírování obsahu.
  • paste: Vložení obsahu.

• Události načítání a chyb:

  • load: Dokončení načítání zdroje (např. obrázku, skriptu, stránky).
  • unload: Odchod ze stránky.
  • beforeunload: Pokus opustit stránku (umožňuje zobrazit potvrzovací dialog).
  • error: Došlo k chybě při načítání zdroje nebo provádění skriptu.

• Události zaměření (FocusEvent):

  • focusin: Prvek nebo jakýkoli jeho potomek získá fokus.
  • focusout: Prvek nebo jakýkoli jeho potomek ztratí fokus.

• Události posouvání:

  • scroll: Posun prvku.

• Události dotyku (pro dotyková zařízení):

  • touchstart: Prst se dotýká obrazovky.
  • touchend: Prst se odtrhne od obrazovky.
  • touchmove: Prst se pohybuje po obrazovce.
  • touchcancel: Událost dotyku je přerušena (např. kvůli volání systémového menu).

• Události přetažení (Drag and Drop):

  • dragstart: Začátek přetažení.
  • drag: Prvek je přetahován.
  • dragend: Ukončení přetažení.
  • dragenter: Prvek je přetažen nad povolenou oblastí pro drop.
  • dragleave: Prvek je přetažen mimo povolenou oblast.
  • dragover: Prvek je přetažen nad povolenou oblastí (vyžaduje zrušení výchozí akce pro povolení dropu).
  • drop: Prvek je upuštěn na povolenou oblast.

• Události historie prohlížeče:

  • popstate: Změna aktivního záznamu historie při navigaci (např. stisk tlačítka "Zpět/Vpřed").

• Události změny velikosti okna:

  • resize: Změna velikosti okna prohlížeče.

Toto není vyčerpávající seznam, ale pokrývá nejčastější a nejdůležitější typy událostí ve webovém vývoji. Pochopení jejich účelu a chování je klíčové pro tvorbu interaktivních webových aplikací.