Koje vrste događaja (eventova) postoje?

Постоји много типова догађаја, али најчешћи се могу груписати по категоријама:

• Догађаји корисничког интерфејса:

  • click: Клик на елемент.
  • dblclick: Двоструки клик на елемент.
  • mousedown: Притисак тастера миша (пре отпуштања).
  • mouseup: Отпуштање тастера миша.
  • mousemove: Помицај показивача миша преко елемента.
  • mouseover: Навођење показивача миша на елемент.
  • mouseout: Напуштање показивача миша са елемента.
  • mouseenter: Навођење показивача миша на елемент (не бубуља из деце).
  • mouseleave: Напуштање показивача миша са елемента (не бубуља из деце).
  • contextmenu: Позив контекстног менија десним тастером миша.

• Догађаји тастатуре:

  • keydown: Притисак тастера (пре отпуштања).
  • keyup: Отпуштање тастера.
  • keypress: Притисак и држање тастера који генерише симболски улаз. (Застарело, препоручује се коришћење keydown и keyup).

• Догађаји форми:

  • submit: Пошаљи форму.
  • change: Промена вредности елемента форме (нпр. <input>, <select>, <textarea>).
  • input: Промена вредности елемента форме када се његов садржај интерактивно мења од стране корисника.
  • focus: Добија фокус.
  • blur: Губи фокус.
  • cut: Исецкање садржаја.
  • copy: Копирање садржаја.
  • paste: Постављање садржаја.

• Догађаји учитавања и грешака:

  • load: Завршетак учитавања ресурса (нпр. слике, скрипте, странице).
  • unload: Напуштање странице.
  • beforeunload: Покушај напуштања странице (омогућава приказ дијалога за потврду).
  • error: Дошло је до грешке приликом учитавања ресурса или извршавања скрипте.

• Догађаји фокуса (FocusEvent):

  • focusin: Елемент или било који његов дете добија фокус.
  • focusout: Елемент или било које његово дете губи фокус.

• Догађаји померања:

  • scroll: Померање елемента.

• Догађаји додира (за сензорске уређаје):

  • touchstart: Прст додирује екран.
  • touchend: Прст се одваја од екрана.
  • touchmove: Прст се креће по екрану.
  • touchcancel: Догађај додира је прекинут (нпр. због позива системског менија).

• Догађаји превлачења (Drag and Drop):

  • dragstart: Почетак превлачења.
  • drag: Елемент се превлачи.
  • dragend: Завршетак превлачења.
  • dragenter: Елемент је превучен над дозвољеном зонoм за отпуштање.
  • dragleave: Елемент је превучен изван дозвољене зоне.
  • dragover: Елемент је превучен над дозвољеном зонoм за отпуштање (треба отказати подразумевано понашање за дозвољавање отпуштања).
  • drop: Елемент је отпуштен у дозвољену зону.

• Историјски догађаји прегледача:

  • popstate: Промена активне записнице у историји приликом навигације (нпр. притиском на "Назад/Напред" дугме).

• Догађаји промене величине прозора:

  • resize: Промена величине прегледачског прозора.

Ово није свеобухватан списак, али обухвата најчешће и најважније типове догађаја у веб развоју. Разумевање њиховог сврха и понашања кључно је за креирање интерактивних веб апликација.