Milyen típusú események (események) léteznek?

Számos eseménytípus létezik, de a leggyakoribbakat kategóriák szerint csoportosíthatjuk:

• Felhasználói felület eseményei:

  • click: Kattintás az elem fölött.
  • dblclick: Dupla kattintás az elem fölött.
  • mousedown: Egérgomb lenyomása (mielőtt felengednénk).
  • mouseup: Egérgomb felengedése.
  • mousemove: Az egérmutató mozgása az elem fölött.
  • mouseover: Az egérmutató rámutat az elemre.
  • mouseout: Az egérmutató elhagyja az elemet.
  • mouseenter: Az egérmutató az elemre mutat (nem buborézik a gyermekelemekből).
  • mouseleave: Az egérmutató elhagyja az elemet (nem buborézik a gyermekelemekből).
  • contextmenu: Jobb klikk a jobb egérgombbal a kontextus menü meghívásához.

• Billentyűzet események:

  • keydown: Billentyű lenyomása (mielőtt felengednénk).
  • keyup: Billentyű felengedése.
  • keypress: Billentyű lenyomása és tartása, amely karakteres bemenetet generál. (Elavult, inkább a keydown és keyup használata ajánlott).

• Űrlap események:

  • submit: Űrlap elküldése.
  • change: Az űrlapelem értékének változása (pl. <input>, <select>, <textarea>).
  • input: Az űrlapelem értékének változása, amikor a tartalom interaktívan változik a felhasználó által.
  • focus: Az elem fókuszt kap.
  • blur: Az elem fókuszt veszít.
  • cut: Tartalom kivágása.
  • copy: Tartalom másolása.
  • paste: Tartalom beillesztése.

• Betöltési és hibás események:

  • load: Az erőforrás betöltése befejeződött (pl. kép, szkript, oldal).
  • unload: Az oldal elhagyása.
  • beforeunload: Az oldal elhagyásának kísérlete (megjeleníthet megerősítő párbeszédet).
  • error: Hiba történt az erőforrás betöltése vagy a szkript futtatása során.

• FocusEvent események:

  • focusin: Az elem vagy bármely gyermekeleme fókuszt kap.
  • focusout: Az elem vagy bármely gyermekeleme fókuszt veszít.

• ** Görgetési események:**

  • scroll: Az elem görgetése.

• Érintés események (érintő eszközökhöz):

  • touchstart: Az ujj érinti a képernyőt.
  • touchend: Az ujj elválik a képernyőtől.
  • touchmove: Az ujj mozog a képernyőn.
  • touchcancel: Az érintés eseménye megszakad (pl. rendszer menü hívása miatt).

• Drag and Drop események:

  • dragstart: A húzás kezdete.
  • drag: Az elem húzása folyamatban.
  • dragend: A húzás befejezése.
  • dragenter: Az elem a megengedett célterület fölött van.
  • dragleave: Az elem elhagyta a megengedett célterületet.
  • dragover: Az elem a megengedett célterületen van (alapértelmezett viselkedés megszakítása szükséges a célzás engedélyezéséhez).
  • drop: Az elem a célterületre kerül.

• Browser történet események:

  • popstate: A történelmi bejegyzés változik navigáció során (pl. "Vissza/Előre" gomb megnyomásakor).

• Ablak méretének változása:

  • resize: Az ablak méretének változása.

Ez nem kimerítő lista, de lefedi a leggyakoribb és legfontosabb eseménytípusokat a webfejlesztésben. Az események céljának és viselkedésének megértése kulcsfontosságú az interaktív webalkalmazások létrehozásához.