Ce tipuri de evenimente (evenimente) există?

Există multe tipuri de evenimente, dar cele mai frecvente pot fi grupate în categorii:

• Evenimente ale interfeței utilizatorului:

  • click: Click pe un element cu mouse-ul.
  • dblclick: Dublu click pe un element cu mouse-ul.
  • mousedown: Apăsarea butonului mouse-ului (înainte de a fi eliberat).
  • mouseup: Eliberarea butonului mouse-ului.
  • mousemove: Mișcarea cursorului mouse-ului peste un element.
  • mouseover: Trecerea cursorului mouse-ului peste un element.
  • mouseout: Părăsirea unui element de către cursorul mouse-ului.
  • mouseenter: Cursorul mouse-ului intră într-un element (nu se propagă de la elementele copil).
  • mouseleave: Cursorul mouse-ului părăsește un element (nu se propagă de la elementele copil).
  • contextmenu: Apelarea meniului contextual cu butonul drept al mouse-ului.

• Evenimente de tastatură:

  • keydown: Apăsarea unei taste (înainte de a fi eliberată).
  • keyup: Eliberarea unei taste.
  • keypress: Apăsarea și menținerea unei taste, generând date de intrare de caractere. (Depășit, se recomandă utilizarea keydown și keyup).

• Evenimente de formular:

  • submit: Trimiterea unui formular.
  • change: Modificarea valorii unui element de formular (de exemplu, <input>, <select>, <textarea>).
  • input: Modificarea valorii unui element de formular atunci când conținutul său se schimbă interactiv.
  • focus: Elementul primește focus.
  • blur: Elementul își pierde focusul.
  • cut: Tăierea conținutului.
  • copy: Copierea conținutului.
  • paste: Lipirea conținutului.

• Evenimente de încărcare și erori:

  • load: Finalizarea încărcării unei resurse (de exemplu, imagine, script, pagină).
  • unload: Părăsirea paginii.
  • beforeunload: Încercarea de a părăsi pagina (permite afișarea unui dialog de confirmare).
  • error: A apărut o eroare la încărcarea unei resurse sau la executarea unui script.

• Evenimente de focus (FocusEvent):

  • focusin: Elementul sau orice element copil primește focus.
  • focusout: Elementul sau orice element copil își pierde focusul.

• Evenimente de derulare:

  • scroll: Derularea unui element.

• Evenimente de atingere (pentru dispozitive tactile):

  • touchstart: Degetul atinge ecranul.
  • touchend: Degetul se ridică de pe ecran.
  • touchmove: Degetul se mișcă pe ecran.
  • touchcancel: Eveniment de atingere întrerupt (de exemplu, din cauza apelului meniului sistemului).

• Evenimente de tragere și plasare:

  • dragstart: Începutul tragerei.
  • drag: Elementul este tras.
  • dragend: Sfârșitul tragerei.
  • dragenter: Elementul a fost tras peste o zonă de plasare validă.
  • dragleave: Elementul a fost tras dintr-o zonă de plasare validă.
  • dragover: Elementul a fost tras peste o zonă de plasare validă (necesită anularea comportamentului implicit pentru a permite plasarea).
  • drop: Elementul a fost plasat pe o zonă de plasare validă.

• Evenimente ale istoricului browserului:

  • popstate: Schimbare în înregistrarea activă a istoricului la navigare (de exemplu, clic pe butonul "Înapoi/Înainte").

• Evenimente de schimbare a dimensiunii ferestrei:

  • resize: Schimbarea dimensiunii ferestrei browserului.

Aceasta nu este o listă exhaustivă, dar acoperă cele mai frecvente și importante tipuri de evenimente în dezvoltarea web. Înțelegerea scopului și comportamentului lor este esențială pentru crearea de aplicații web interactive.