HTML DOM События
События HTML DOM
События HTML DOM позволяют JavaScript регистрировать различные обработчики событий для элементов в HTML-документе.
События обычно используются в сочетании с функциями, и функция не будет выполнена до наступления события (например, когда пользователь нажимает кнопку).
| Событие | Описание | Принадлежит к |
|---|---|---|
| abort | Это событие возникает при прерывании загрузки носителя | Уиевент, события |
| afterprint | Это событие возникает, когда страница начала печатать, или если диалоговое окно печати было закрыто | Событие |
| animationend | Это событие возникает, когда анимация CSS завершена | AnimationEvent |
| animationiteration | Это событие возникает при повторении анимации CSS | AnimationEvent |
| animationstart | Это событие возникает при запуске анимации CSS | AnimationEvent |
| beforeprint | Это событие возникает при печати страницы | Event |
| beforeunload | Это событие возникает перед выгрузкой документа | UiEvent, Event |
| blur | Это событие возникает, когда элемент теряет фокус | FocusEvent |
| canplay | Это событие возникает, когда обозреватель может начать воспроизведение мультимедиа (когда он достаточно буферизован, чтобы начать) | Event |
| canplaythrough | Это событие возникает, когда обозреватель может воспроизводить мультимедиа без остановки для буферизации | Event |
| change | Это событие возникает при изменении содержимого элемента Form, выделения или состояния checked (для <input>, <SELECT> и <текстовое значение>) | Event |
| click | Это событие возникает, когда пользователь щелкает элемент | MouseEvent |
| contextmenu | Это событие возникает, когда пользователь щелкает правой кнопкой мыши элемент, чтобы открыть контекстное меню | MouseEvent |
| copy | Это событие возникает, когда пользователь копирует содержимое элемента | ClipboardEvent |
| cut | Это событие возникает, когда пользователь разрезает содержимое элемента | ClipboardEvent |
| dblclick | Это событие возникает, когда пользователь дважды щелкает элемент | MouseEvent |
| drag | Это событие возникает при перетаскивании элемента | DragEvent |
| dragend | Это событие возникает, когда пользователь завершил перетаскивание элемента | DragEvent |
| dragenter | Это событие возникает, когда перемещенный элемент вводит целевой объект перетаскивания | DragEvent |
| dragleave | Это событие возникает, когда перетаскивание элемента оставляет целевой объект перетаскивания | DragEvent |
| dragover | Это событие возникает, когда перемещенный элемент находится над целевым объектом перетаскивания | DragEvent |
| dragstart | Это событие возникает, когда пользователь начинает перетаскивание элемента | DragEvent |
| drop | Это событие возникает при удалении перетаскивания элемента на целевом объекте перетаскивания | DragEvent |
| durationchange | Это событие возникает при изменении длительности носителя | Event |
| ended | Это событие происходит, когда носитель достиг конца (полезно для сообщений типа "Спасибо за прослушивание") | Event |
| error | Это событие возникает при возникновении ошибки во время загрузки внешнего файла | ProgressEvent, UiEvent, Event |
| focus | Это событие возникает, когда элемент получает фокус | FocusEvent |
| focusin | Это событие возникает, когда элемент получает фокус | FocusEvent |
| focusout | Это событие возникает, когда элемент теряет фокус | FocusEvent |
| hashchange | Это событие возникает при изменении якорной части URL-адреса | HashChangeEvent |
| input | Это событие возникает, когда элемент получает пользовательский ввод | InputEvent, Event |
| invalid | Это событие возникает, когда элемент является недопустимым | Event |
| keydown | Это событие возникает, когда пользователь нажимает клавишу | KeyboardEvent |
| keypress | Это событие возникает, когда пользователь нажимает клавишу | KeyboardEvent |
| keyup | Это событие возникает, когда пользователь освобождает ключ | KeyboardEvent |
| load | Это событие возникает при загрузке объекта | UiEvent, Event |
| loadeddata | Это событие возникает при загрузке мультимедийных данных | Event |
| loadedmetadata | Это событие возникает, когда загружаются мета-данные (такие как размеры и длительность) | Event |
| loadstart | Это событие возникает, когда обозреватель начинает поиск указанного носителя | ProgressEvent |
| message | Это событие возникает, когда сообщение получено через источник события | Event |
| mousedown | Это событие возникает, когда пользователь нажимает кнопку мыши над элементом | MouseEvent |
| mouseenter | Это событие возникает при перемещении указателя на элемент | MouseEvent |
| mouseleave | Это событие возникает при перемещении указателя из элемента | MouseEvent |
| mousemove | Это событие возникает, когда указатель движется, находясь над элементом | MouseEvent |
| mouseover | Это событие возникает, когда указатель перемещается на элемент или на один из его дочерних элементов | MouseEvent |
| mouseout | Это событие возникает, когда пользователь перемещает указатель мыши из элемента или из одного из его дочерних элементов | MouseEvent |
| mouseup | Это событие возникает, когда пользователь освобождает кнопку мыши над элементом | MouseEvent |
| mousewheel | Устаревшим. Вместо этого используйте событие Wheel | WheelEvent |
| offline | Это событие возникает, когда обозреватель начинает работать в автономном режиме | Event |
| online | Это событие возникает, когда браузер начинает работать в Интернете | Event |
| open | Это событие возникает при открытии соединения с источником событий | Event |
| pagehide | Это событие возникает, когда пользователь переходит от веб-страницы | PageTransitionEvent |
| pageshow | Это событие возникает, когда пользователь переходит на веб-страницу | PageTransitionEvent |
| paste | Это событие возникает, когда пользователь вставляет некоторое содержимое в элемент | ClipboardEvent |
| pause | Это событие возникает, когда носитель приостановлен либо пользователем, либо программным | Event |
| play | Это событие возникает, когда носитель был запущен или больше не приостановлен | Event |
| playing | Это событие возникает при воспроизведении мультимедиа после приостановления или остановки для буферизации | Event |
| popstate | Это событие возникает при изменении истории окна | PopStateEvent |
| progress | Это событие возникает, когда обозреватель находится в процессе получения мультимедийных данных (Загрузка носителя) | Event |
| ratechange | Это событие возникает при изменении скорости воспроизведения мультимедиа | Event |
| resize | Это событие возникает при изменении размера представления документа | UiEvent, Event |
| reset | Это событие возникает при сбросе формы | Event |
| scroll | Это событие возникает при прокрутке полосы прокрутки элемента | UiEvent, Event |
| search | Это событие возникает, когда пользователь пишет что-то в поле поиска (для <input = "Поиск">) | Event |
| seeked | Это событие возникает, когда пользователь завершает перемещение/пропуск на новую позицию в носителе | Event |
| seeking | Это событие возникает, когда пользователь начинает перемещение/пропуск на новую позицию в носителе | Event |
| select | Это событие возникает после того, как пользователь выберет некоторый текст (для <input> и <текстовое поле>) | UiEvent, Event |
| show | Это событие возникает, когда элемент <Menu> отображается в виде контекстного меню | Event |
| stalled | Это событие возникает, когда обозреватель пытается получить данные мультимедиа, но данные недоступны | Event |
| storage | Это событие возникает при обновлении области веб-хранилища | StorageEvent |
| submit | Это событие возникает при отправке формы | Event |
| suspend | Это событие возникает, когда обозреватель преднамеренно не получает данные мультимедиа | Event |
| timeupdate | Это событие происходит при изменении игрового положения (например, когда пользователь пересылается в другую точку носителя) | Event |
| toggle | Это событие возникает, когда пользователь открывает или закрывает элемент <Details> | Event |
| touchcancel | Событие возникает, когда касание прервано | TouchEvent |
| touchend | Это событие происходит, когда палец удаляется с сенсорного экрана | TouchEvent |
| touchmove | Это событие возникает при перетаскивании пальцем по экрану | TouchEvent |
| touchstart | Это событие происходит, когда палец помещается на сенсорный экран | TouchEvent |
| transitionend | Это событие возникает при завершении перехода CSS | TransitionEvent |
| unload | Это событие возникает после выгрузки страницы (для <BODY>) | UiEvent, Event |
| volumechange | Это событие возникает при изменении тома носителя (включая настройку громкости на "Mute") | Event |
| waiting | Это событие возникает, когда носитель приостановлен, но ожидается его возобновление (например, когда носитель приостанавливается для буферизации дополнительных данных) | Event |
| wheel | Это событие возникает, когда колесо мыши катится вверх или вниз над элементом | WheelEvent |
Свойства и методы событий DOM HTML
| Свойство/метод | Описание | Принадлежит к | |
|---|---|---|---|
| altKey | Возвращает значение, если клавиша "Alt" была нажата при срабатывании события мыши | MouseEvent | |
| altKey | Возвращает значение, если клавиша "Alt" была нажата при срабатывании ключевого события | KeyboardEvent, TouchEvent | |
| animationName | Возвращает имя анимации | AnimationEvent | |
| bubbles | Возвращает значение, независимо от того, является ли определенное событие событием восходящей маршрутизации | Event | |
| button | Возвращает, какая кнопка мыши была нажата при срабатывании события мыши | MouseEvent | |
| buttons | Возвращает, какие кнопки мыши были нажаты при срабатывании события мыши | MouseEvent | |
| cancelable | Возвращает значение, которое может быть предотвращено для события по умолчанию | Event | |
| charCode | Возвращает код символа Юникода ключа, вызвавшего событие onнажатия | KeyboardEvent | |
| changeTouches | Возвращает список всех объектов касания, состояние которых изменилось между предыдущим касанием и этим касанием | TouchEvent | |
| clientX | Возвращает горизонтальную координату указателя мыши относительно текущего окна при срабатывании события мыши | MouseEvent, TouchEvent | |
| clientY | Возвращает вертикальную координату указателя мыши относительно текущего окна при срабатывании события мыши | MouseEvent, TouchEvent | |
| clipboardData | Возвращает объект, содержащий данные, затронутые операцией буфера обмена | ClipboardData | |
| code | Возвращает код ключа, вызвавшего событие | KeyboardEvent | |
| composed | Возвращает ли событие состоит или нет | Event | |
| createEvent() | Создает новое событие | Event | |
| ctrlKey | Возвращает значение, если нажата клавиша "Ctrl" при срабатывании события мыши | MouseEvent | |
| ctrlKey | Возвращает значение, если клавиша "Ctrl" была нажата при срабатывании ключевого события | KeyboardEvent, TouchEvent | |
| currentTarget | Возвращает элемент, прослушиватели событий которого вызвали событие | Event | |
| data | Возвращает вставленные символы | InputEvent | |
| dataTransfer | Возвращает объект, содержащий данные, которые были перемещены/удалены или вставлены | DragEvent, InputEvent | |
| defaultPrevented | Возвращает, был ли вызван метод preventDefault () для события | Event | |
| deltaX | Возвращает горизонтальное количество прокрутки колесика мыши (ось x) | WheelEvent | |
| deltaY | Возвращает вертикальное количество прокрутки колесика мыши (ось y) | WheelEvent | |
| deltaZ | Возвращает количество прокрутки колесика мыши для оси z | WheelEvent | |
| deltaMode | Возвращает число, представляющее единицу измерения для значений Дельта (пикселы, линии или страницы) | WheelEvent | |
| detail | Возвращает число, указывающее, сколько раз щелкнула мышь | UiEvent | |
| elapsedTime | Возвращает количество секунд, в течение которых анимация была запущена | AnimationEvent | |
| elapsedTime | Возвращает количество секунд, в течение которых был запущен переход | ||
| eventPhase | Возвращает, какая фаза потока событий в настоящее время вычисляется | Event | |
| getTargetRanges() | Возвращает массив, содержащий целевые диапазоны, на которые будет влиять Вставка/удаление | InputEvent | |
| getModifierState() | Возвращает массив, содержащий целевые диапазоны, на которые будет влиять Вставка/удаление | MouseEvent | |
| inputType | Возвращает тип изменения (например, "Вставка" или "удаление") | InputEvent | |
| isComposing | Возвращает значение, составляемое ли состояние события | InputEvent, KeyboardEvent | |
| isTrusted | Возвращает значение, независимо от того, является ли событие доверенным | Event | |
| key | Возвращает ключевое значение ключа, представленного событием | KeyboardEvent | |
| key | Возвращает ключ измененного элемента хранилища | StorageEvent | |
| keyCode | Возвращает код символа Юникода ключа, вызвавшего событие onнажатия клавиши, или код ключа Юникода ключа, вызвавшего событие ononkeyup или события | KeyboardEvent | |
| location | Возвращает расположение ключа на клавиатуре или устройстве | KeyboardEvent | |
| lengthComputable | Возвращает значение, которое может быть выделено для вычисляемой длины. | ProgressEvent | |
| loaded | Возвращает объем загруженной работы | ProgressEvent | |
| metaKey | Возвращает значение, если клавиша "META" была нажата при срабатывании события | MouseEvent | |
| metaKey | Возвращает значение, если клавиша "META" была нажата при срабатывании ключевого события | KeyboardEvent, TouchEvent | |
| MovementX | Возвращает горизонтальную координату указателя мыши относительно положения последнего события MouseMove | MouseEvent | |
| MovementY | Возвращает вертикальную координату указателя мыши относительно положения последнего события MouseMove | MouseEvent | |
| newValue | Возвращает новое значение измененного элемента хранения | StorageEvent | |
| newURL | Возвращает URL-адрес документа после изменения хэша | HasChangeEvent | |
| offsetX | Возвращает горизонтальную координату указателя мыши относительно положения кромки целевого элемента | MouseEvent | |
| offsetY | Возвращает вертикальную координату указателя мыши относительно положения кромки целевого элемента | MouseEvent | |
| oldValue | Возвращает старое значение измененного элемента хранения | StorageEvent | |
| oldURL | Возвращает URL-адрес документа перед изменением хэша | HasChangeEvent | |
| onemptied | Это событие возникает, когда происходит что-то плохое и внезапно недоступен файл мультимедиа (например, неожиданное отключение) | ||
| pageX | Возвращает горизонтальную координату указателя мыши относительно документа при срабатывании события мыши | MouseEvent | |
| pageY | Возвращает вертикальную координату указателя мыши относительно документа при срабатывании события мыши | MouseEvent | |
| persisted | Возвращает, была ли веб-страница кэширована обозревателем | PageTransitionEvent | |
| preventDefault() | Отменяет событие, если оно отменяется, что означает, что действие по умолчанию, принадлежащее событию, не будет происходить | Event | |
| propertyName | Возвращает имя свойства CSS, связанного с анимацией или переходом | AnimationEvent, TransitionEvent | |
| pseudoElement | Возвращает имя псевдо-элемента анимации или перехода | AnimationEvent, TransitionEvent | |
| region | MouseEvent | ||
| relatedTarget | Возвращает элемент, связанный с элементом, вызвавшим событие мыши | MouseEvent | |
| relatedTarget | Возвращает элемент, связанный с элементом, вызвавшим событие | FocusEvent | |
| repeat | Возвращает значение, если ключ удерживается повторно, или не | KeyboardEvent | |
| screenX | Возвращает горизонтальную координату указателя мыши относительно экрана, когда событие было инициировано | MouseEvent | |
| screenY | Возвращает вертикальную координату указателя мыши относительно экрана, когда событие было инициировано | MouseEvent | |
| shiftKey | Возвращает значение нажатия клавиши "Shift" при срабатывании события | MouseEvent | |
| shiftKey | Возвращает значение, если клавиша "Shift" была нажата при срабатывании ключевого события | KeyboardEvent, TouchEvent | |
| state | Возвращает объект, содержащий копию записей журнала | PopStateEvent | |
| stopImmediatePropagation() | Предотвращает вызов других прослушивателей того же события | Event | |
| stopPropagation() | Предотвращает дальнейшее распространение события во время потока событий | Event | |
| storageArea | Возвращает объект, представляющий затрагиваемый объект хранилища | StorageEvent | |
| target | Возвращает элемент, вызвавший событие | Event | |
| targetTouches | Возвращает список всех сенсорных объектов, которые находятся в контакте с поверхностью и где произошло событие таучстарт в том же целевом элементе, что и текущий целевой элемент | TouchEvent | |
| timeStamp | Возвращает время (в миллисекундах относительно эпохи), в котором было создано событие | Event | |
| total | Возвращает общий объем трудозатрат, которые будут загружены | ProgressEvent | |
| touches | Возвращает список всех сенсорных объектов, которые в данный момент находятся в контакте с поверхностью | TouchEvent | |
| transitionend | Это событие возникает при завершении перехода CSS | TransitionEvent | |
| type | Возвращает имя события | Event | |
| url | Возвращает URL-адрес документа измененного элемента | StorageEvent | |
| which | Возвращает, какая кнопка мыши была нажата при срабатывании события мыши | MouseEvent | |
| which | Возвращает код символа Юникода ключа, вызвавшего событие onнажатия клавиши, или код ключа Юникода ключа, вызвавшего событие ononkeyup или события | KeyboardEvent | |
| view | Возвращает ссылку на объект Window, где произошло событие | UiEvent | |
