Kokie įvykiai (įvykiai) egzistuoja?

Yra daugybė įvykių tipų, tačiau dažniausiai pasitaikančius galima suskirstyti į kategorijas:

• Vartotojo sąsajos įvykiai:

  • click: Spustelėjimas ant elemento.
  • dblclick: Dukart spustelėjimas ant elemento.
  • mousedown: Mygtuko paspaudimas (prieš atleidimą).
  • mouseup: Mygtuko atleidimas.
  • mousemove: Pelės žymeklio judėjimas virš elemento.
  • mouseover: Pelės žymeklio perėjimas ant elemento.
  • mouseout: Pelės žymeklio išėjimas iš elemento.
  • mouseenter: Pelės žymeklio perėjimas ant elemento (nebublina iš vaikų).
  • mouseleave: Pelės žymeklio išėjimas iš elemento (nebublina iš vaikų).
  • contextmenu: Kontekstinio meniu iškvietimas dešiniuoju pelės mygtuku.

• Klavišų įvykiai:

  • keydown: Klavišo paspaudimas (prieš atleidimą).
  • keyup: Klavišo atlaisvinimas.
  • keypress: Klavišo paspaudimas ir laikymas, kuris generuoja simbolinį įvestį. (Pasenęs, rekomenduojama naudoti keydown ir keyup).

• Formos įvykiai:

  • submit: Formos pateikimas.
  • change: Formos elemento reikšmės keitimas (pvz., <input>, <select>, <textarea>).
  • input: Formos elemento reikšmės keitimas, kai jo turinys interaktyviai keičiasi naudotojo.
  • focus: Elementas gauna fokusą.
  • blur: Elementas praranda fokusą.
  • cut: Turinys iškerpamas.
  • copy: Turinys kopijuojamas.
  • paste: Turinys įdedamas.

• Įkėlimo ir klaidų įvykiai:

  • load: Išteklio įkėlimas baigtas (pvz., paveikslėlis, skriptas, puslapis).
  • unload: Puslapio palikimas.
  • beforeunload: Bandymas palikti puslapį (leidžia rodyti patvirtinimo dialogą).
  • error: Įvyko klaida įkeliant išteklių arba vykdant skriptą.

• Fokuso įvykiai (FocusEvent):

  • focusin: Elementas arba bet kuris jo vaikas gauna fokusą.
  • focusout: Elementas arba bet kuris jo vaikas praranda fokusą.

• Slinkimo įvykiai:

  • scroll: Elemento slinkimas.

• Liesčio įvykiai (sensorinėms įrenginiams):

  • touchstart: Pirštas liečiasi su ekranu.
  • touchend: Pirštas atsilaisvina nuo ekrano.
  • touchmove: Pirštas juda per ekraną.
  • touchcancel: Liesčio įvykis nutraukiamas (pvz., dėl sistemos meniu iškvietimo).

• Vilkimo ir numetimo įvykiai:

  • dragstart: Pradžia vilkti.
  • drag: Elementas yra vilktas.
  • dragend: Vilkimo pabaiga.
  • dragenter: Elementas vilktas virš leidžiamos numetimo zonos.
  • dragleave: Elementas išvilktas iš leidžiamos zonos.
  • dragover: Elementas vilktas virš leidžiamos zonos (reikia atšaukti numatytą elgesį, kad leistų numesti).
  • drop: Elementas numestas į leidžiamą zoną.

• Naršyklės istorijos įvykiai:

  • popstate: Pokytis aktyviame istorijos įraše naršymo metu (pvz., paspaudus "Atgal/Pirmyn" mygtuką).

• Lango dydžio keitimo įvykiai:

  • resize: Naršyklės lango dydžio keitimas.

Tai nėra išsamus sąrašas, bet apima dažniausiai pasitaikančius ir svarbiausius įvykių tipus interneto kūrime. Jų paskirties ir elgesio supratimas yra raktas kuriant interaktyvias interneto programas.