События (events) - это действия, которые происходят в браузере, например, клик мыши, нажатие клавиши на клавиатуре, загрузка документа и т.д. Когда происходит событие, браузер создает объект события и передает его в обработчик событий (event handler), который обрабатывает это событие.
Существует несколько видов событий в JavaScript:
- События мыши (
Mouse events):
- click - клик левой кнопкой мыши
- dblclick - двойной клик левой кнопкой мыши
- mousedown - нажатие левой кнопки мыши
- mouseup - отпускание левой кнопки мыши
- mousemove - перемещение мыши
- mouseover - наведение курсора мыши на элемент
- mouseout - уход курсора мыши с элемента
- События клавиатуры (
Keyboard events):
- keydown - нажатие клавиши на клавиатуре
- keyup - отпускание клавиши на клавиатуре
- keypress - нажатие клавиши, которая может отображаться на экране
- События формы (
Form events):
- submit - отправка формы
- focus - фокусировка формы
- onblur - расфокусировка формы
- change - изменение поля формы (input , textarea)
- reset - сброс формы
- События окна (
Window events):
- load - загрузка страницы
- unload - закрытие страницы
- resize - изменение размеров окна браузера
- scroll - прокрутка страницы
- События документа (
Document events):
- DOMContentLoaded - выполнение JavaScript-кода после загрузки DOM-дерева
- События анимации и перехода (
Animation and transition events):
- animationstart, animationend, animationiteration - события анимации
- transitionstart, transitionend - события перехода
- События Drag-and-Drop (
Drag-and-Drop events):
- dragstart - начало перетаскивания элемента
- drag - перемещение элемента во время перетаскивания
- dragend - завершение перетаскивания элемента
- dragenter - перемещение элемента на зону, которая может принять перетаскиваемый элемент
- dragleave - перемещение элемента за пределы зоны, которая может принять перетаскиваемый элемент
- dragover - перемещение элемента над зоной, которая может принять перетаскиваемый элемент
- drop - отпускание элемента на зону, которая может принять перетаскиваемый элемент