Події у JavaScript поділяються на кілька категорій: події миші, клавіатури, форми, документа та браузера. Нижче розглянемо найпоширеніші події кожного типу.
Події, що реагують на дії користувача за допомогою миші або сенсорного екрана.
click – клік по елементу.dblclick – подвійний клік.mousedown / mouseup – натискання та відпускання кнопки миші.mousemove – рух миші над елементом.mouseenter / mouseleave – наведення та вихід миші з елемента (не спливають).mouseover / mouseout – наведення та вихід миші (спливають).contextmenu – виклик контекстного меню (правий клік).Приклад: Відстеження координат миші
https://stackblitz.com/edit/web-platform-oivdyatt?file=script.js
Події, що спрацьовують при натисканні або відпусканні клавіш.
keydown – натискання клавіші (спрацьовує безперервно при утриманні).keyup – відпускання клавіші.keypress – застаріла подія (не використовується).На відміну від інших, події клавіатури обробляються на документі, а не на конкретному елементі.