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 | |