Millised sündmuste (ürituste) tüübid eksisteerivad?

On olemas palju erinevat tüüpi sündmusi, kuid kõige levinumad saab grupeerida kategooriatesse:

• Kasutajaliidese sündmused:

  • click: Nupu klõpsamine hiirega elemendi kohal.
  • dblclick: Topeltklõps hiirega elemendi kohal.
  • mousedown: Hiire nupu vajutamine (enne selle vabastamist).
  • mouseup: Hiire nupu vabastamine.
  • mousemove: Hiirekursori liikumine üle elemendi.
  • mouseover: Hiirekursori viimine elemendi peale.
  • mouseout: Hiirekursori eemaldamine elemendi pealt.
  • mouseenter: Hiirekursori viimine elemendi peale (ei liigu lapseelementidest välja).
  • mouseleave: Hiirekursori eemaldamine elemendilt (ei liigu lapseelementidest välja).
  • contextmenu: Paremklõpsu kontekstimenüü kutsumine.

• Hiire ja klaviatuuri sündmused:

  • keydown: Klahvi vajutamine (enne selle vabastamist).
  • keyup: Klahvi vabastamine.
  • keypress: Klahvi vajutamine ja hoidmine, mis genereerib tähemärgi sisendi (vana, soovitatav kasutada keydown ja keyup).

• Vormide sündmused:

  • submit: Vormi saatmine.
  • change: Vormi elemendi väärtuse muutmine (näiteks <input>, <select>, <textarea>).
  • input: Vormi elemendi väärtuse muutmine, kui selle sisu muutub kasutaja interaktiivselt.
  • focus: Elemendil on fookus.
  • blur: Elemendil on fookus kaotatud.
  • cut: Sisu lõikamine.
  • copy: Sisu kopeerimine.
  • paste: Sisu kleepimine.

• Laadimise ja vigade sündmused:

  • load: Ressursi laadimise lõpetamine (näiteks pilt, skript, leht).
  • unload: Lehelt lahkumine.
  • beforeunload: Katse lehelt lahkuda (lubab kuvada kinnituse dialoogi).
  • error: Tõrge ressursi laadimisel või skripti täitmisel.

• Fookuse sündmused (FocusEvent):

  • focusin: Element või selle laps saab fookuse.
  • focusout: Element või selle laps kaotab fookuse.

• Kerimise sündmused:

  • scroll: Elementi kerimine.

• Puudutuse sündmused (sensorseadmed):

  • touchstart: Sõrm puudutab ekraani.
  • touchend: Sõrm tõuseb ekraanilt.
  • touchmove: Sõrm liigub ekraanil.
  • touchcancel: Puudutuse sündmus katkeb (näiteks süsteemi menüü kutsumise tõttu).

• Lohistamise ja lohistamise sündmused:

  • dragstart: Lohistamise algus.
  • drag: Element lohistatakse.
  • dragend: Lohistamise lõpp.
  • dragenter: Element on lohistatud sihtala peale.
  • dragleave: Element on lohistatud sihtala pealt välja.
  • dragover: Element on lohistatud sihtala peale (vajab standardkäitumise tühistamist, et lubada lohistamist).
  • drop: Element on sihtalale lohistatud.

• Ajaloo sündmused brauseris:

  • popstate: Aktiivse ajaloo kirje muutmine navigeerimisel (näiteks tagasi/edasi nupp).

• Akna suuruse muutmise sündmused:

  • resize: Brauseriakna suuruse muutmine.

See ei ole ammendav nimekiri, kuid hõlmab kõige sagedamini esinevaid ja olulisi sündmuste tüüpe veebiarenduses. Nende eesmärk ja käitumine on võtmetähtsusega interaktiivsete veebirakenduste loomisel.