Какви видове събития (ивенти) съществуват?

Съществуват много типове събития, но най-често срещаните могат да бъдат групирани по категории:

• Събития на потребителския интерфейс:

  • 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: Елементът е влачен над допустимата зона за пускане.
  • dragleave: Елементът е влачен извън допустимата зона.
  • dragover: Елементът е влачен над допустимата зона за пускане (изисква се отменяне на стандартното поведение за разрешаване на пускане).
  • drop: Елементът е пуснат в допустимата зона.

• Исторически събития на браузъра:

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

• Събития за промяна на размера на прозореца:

  • resize: Промяна на размера на браузърския прозорец.

Това не е изчерпателен списък, но обхваща най-често срещаните и важни типове събития в уеб разработката. Разбирането на тяхната цел и поведение е ключово за създаването на интерактивни уеб приложения.