Типы событий
Общие типы событий
| Событие | Описание |
|---|
| DOMContentLoaded | Cрабатывает когда вся DOM структура страницы уже загружена |
События объекта window
| Событие | Описание |
|---|
| scroll | Срабатывает при прокрутке |
| Событие | Описание |
|---|
| input | Срабатывает каждый раз когда что-либо вводится или удаляется |
| change | Срабатывает когда input выходит из фокуса |
События при нажатии клавиш
| Событие | Описание |
|---|
| keydown | Срабатывает при нажатии на клавишу |
При этом нужно приверять значение code у объекта события. Например у клавищи Escape код должен быть равен "Escape"
Типы событий для мобильных устройств
| Событие | Описание |
|---|
| touchstart | начало касания |
| touchmove | срабатывает при движении пальцем |
| touchend | когда отпускаем палец |
| touchenter | когда мы ведем пальцем по экрану и “заскакиваем” на элемент на котором это событие |
| touchleave | когда мы ведем пальцем по экрану и выходим за рамки элемента с этим событием |
| touchcancel | когда мы ведем пальцем по экрану и выходим за пределы браузера |
Дополнительные свойства объекта события
| Свойства | Описание |
|---|
| touches | Информация про все пальцы на экране |
| targetTouches | Информация про все пальцы на rконкретном элементе |
| changetTouches | Список пальцев учавсвующих в текущем событии |
События AJAX
События для форм
| Свойства | Описание |
|---|
| submit | Срабатывает при отправке формы |