Kādi ir notikumu (notikumi) veidi?

Ir daudz dažādu notikumu veidu, bet visbiežāk sastopamos var iedalīt kategorijās:

• Lietotāja saskarnes notikumi:

  • click: Noklikšķināšana ar peles pogu uz elementa.
  • dblclick: Dubultklikšķis ar peles pogu uz elementa.
  • mousedown: Peles pogas nospiešana (pirms tās atbrīvošanas).
  • mouseup: Peles pogas atbrīvošana.
  • mousemove: Peles kursora kustība pār elementu.
  • mouseover: Peles kursora novietošana uz elementa.
  • mouseout: Peles kursora novietošana prom no elementa.
  • mouseenter: Peles kursora novietošana uz elementa (nepārvietojas no bērniem).
  • mouseleave: Peles kursora novietošana no elementa (nepārvietojas no bērniem).
  • contextmenu: Labās pogas izvēlne.

• Peles un tastatūras notikumi:

  • keydown: Tastatūras taustiņa nospiešana (pirms tās atbrīvošanas).
  • keyup: Tastatūras taustiņa atbrīvošana.
  • keypress: Taustiņa nospiešana un turēšana, kas ģenerē rakstzīmju ievadi (vecāks, ieteicams izmantot keydown un keyup).

• Formu notikumi:

  • submit: Formas iesniegšana.
  • change: Formas elementa vērtības izmaiņas (piemēram, <input>, <select>, <textarea>).
  • input: Formas elementa vērtības izmaiņas, kad tās saturs tiek interaktīvi mainīts.
  • focus: Elementam ir fokuss.
  • blur: Elementam ir zaudēts fokuss.
  • cut: Izgriešana.
  • copy: Kopēšana.
  • paste: Ielīmēšana.

• Ielādes un kļūdu notikumi:

  • load: Resursa ielādes pabeigšana (piemēram, attēls, skripts, lapa).
  • unload: Aizeja no lapas.
  • beforeunload: Mēģinājums aiziet no lapas (ļauj parādīt apstiprinājuma dialogu).
  • error: Notikusi kļūda ielādējot resursu vai izpildot skriptu.

• Fokusa notikumi (FocusEvent):

  • focusin: Elements vai tā bērni saņem fokusu.
  • focusout: Elements vai tā bērni zaudē fokusu.

• Ritināšanas notikumi:

  • scroll: Elementa ritināšana.

• Pieskāriena notikumi (sensora ierīcēm):

  • touchstart: Pirksts pieskaras ekrānam.
  • touchend: Pirksts atbrīvojas no ekrāna.
  • touchmove: Pirksts kustas pa ekrānu.
  • touchcancel: Pieskāriena notikums pārtraukts (piemēram, sistēmas izvēlnes izsaukšanas dēļ).

• Vilkšanas un krišanas notikumi:

  • dragstart: Vilkšanas sākums.
  • drag: Elements tiek vilkts.
  • dragend: Vilkšanas beigas.
  • dragenter: Elements ir pārvilkts uz atļauto nometnes zonu.
  • dragleave: Elements ir pārvilkts no atļautās zonas.
  • dragover: Elements ir pārvilkts uz atļauto nometnes zonu (prasa nokaut standarta uzvedību, lai atļautu nometni).
  • drop: Elements ir nometts uz atļauto zonu.

• Vēstures notikumi pārlūkprogrammā:

  • popstate: Aktīvās vēstures ieraksta izmaiņas navigācijas laikā (piemēram, atpakaļ/uz priekšu pogas).

• Lapas izmēra izmaiņu notikumi:

  • resize: Pārlūkprogrammas loga izmēra izmaiņas.

Šis nav pilnīgs saraksts, bet tas aptver biežāk sastopamos un svarīgākos notikumu tipus tīmekļa izstrādē. To mērķis un uzvedība ir būtiska, lai izveidotu interaktīvas tīmekļa lietojumprogrammas.