English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Отправка DOM событий предназначена для уведомления кода о发生的 интересных событиях.
События обычно используются вместе с функциями, и функция не выполняется до того, как событие произойдет (например, когда пользователь нажимает кнопку)
Событие может представлять все, от базового взаимодействия пользователя до автоматического уведомления о том, что происходит в модели представления.
| Название действия | Описание | Тип события |
|---|---|---|
| abort | Этот事件 происходит, когда загрузка ресурса была прервана | UiEvent, Event |
| afterprint | Этот事件 происходит, когда связанный документ已经开始打印 или предварительный просмотр для печати закрыт | Событие |
| animationend | Этот事件 происходит при завершении CSS анимации | AnimationEvent |
| animationiteration | Этот事件 происходит при повторении CSS анимации | AnimationEvent |
| animationstart | Этот事件 происходит при начале CSS анимации | AnimationEvent |
| beforeprint | Этот事件 происходит, когда связанный документ готов к печати или предварительному просмотру для печати | Событие |
| beforeunload | Происходит событие при即将щем выгрузке окна, документа и его ресурсов | UiEvent, Event |
| blur | Происходит событие при потере элементом фокуса (не пузырится) | FocusEvent |
| canplay | Происходит событие при возможности начала воспроизведения媒体 (при достаточном буферизованном контенте для начала воспроизведения) | Событие |
| canplaythrough | Происходит событие при возможности воспроизведения媒体 без остановки буферизации | Событие |
| change | Происходит событие при изменении содержимого элемента формы, выбора или выделения (для <input>, <select> и <textarea>) | Событие |
| 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 | Происходит событие при изменении продолжительности медиа | Событие |
| ended | Данное событие происходит при завершении воспроизведения медиа (полезно для сообщений типа «Спасибо за прослушивание») | Событие |
| error | Происходит при неудачной загрузке ресурса | ProgressEvent, UiEvent, Event |
| focus | Происходит событие при получении элементом фокуса (не пузырится) | FocusEvent |
| focusin | Данное событие происходит при即将щем получении фокуса элементом | FocusEvent |
| focusout | Данное событие происходит при即将щем потере фокуса элементом | FocusEvent |
| fullscreenchange | Происходит событие при отображении элемента в полноэкранном режиме | Событие |
| fullscreenerror | Происходит событие при невозможности отображения элемента в полноэкранном режиме | Событие |
| hashchange | Происходит данное событие при изменении части URL с锚ом | HashChangeEvent |
| input | Происходит событие при получении элементом ввода пользователя | InputEvent, Event |
| invalid | Происходит при признаке неактивности элемента | Событие |
| keydown | Данное событие происходит при нажатии пользователем определенной клавиши | KeyboardEvent |
| keypress | Происходит событие при нажатии клавиши пользователем | KeyboardEvent |
| keyup | Это событие происходит при отпускании клавиши. | KeyboardEvent |
| load | Это событие происходит, когда объект уже загружен. | UiEvent, Event |
| loadeddata | Это событие происходит при загрузке данных媒体. | Событие |
| loadedmetadata | Это событие происходит при загрузке метаданных (например, размер и продолжительность). | Событие |
| loadstart | Это событие происходит при начале поиска指定的媒体. | ProgressEvent |
| message | Это событие происходит при получении сообщения через источник события. | Событие |
| mousedown | Это событие происходит при нажатии кнопки мыши на элементе. | MouseEvent |
| mouseenter | Это событие происходит, когда указатель мыши перемещается на элемент. | MouseEvent |
| mouseleave | Это событие происходит, когда указатель мыши выходит из элемента. | MouseEvent |
| mousemove | Это событие происходит, когда указатель мыши перемещается над элементом. | MouseEvent |
| mouseover | Это событие происходит, когда указатель мыши перемещается на элемент или один из его подэлементов. | MouseEvent |
| mouseout | Это событие происходит, когда указатель мыши выходит из элемента или одного из его подэлементов. | MouseEvent |
| mouseup | Это событие происходит при отпускании кнопки мыши на элементе. | MouseEvent |
| mousewheel | Не рекомендуется использовать.Использование的事件 wheel не рекомендуется. | WheelEvent |
| offline | Это событие происходит при начале работы браузера в офлайн-режиме. | Событие |
| online | Это событие происходит при начале работы браузера в онлайн-режиме. | Событие |
| open | Это событие происходит при открытии соединения с источником события. | Событие |
| pagehide | Это событие происходит, когда пользователь покидает навигацию по странице. | PageTransitionEvent |
| Появление страницы | Это событие происходит при навигации пользователя по веб-странице. | PageTransitionEvent |
| paste | Это событие происходит, когда пользователь вставляет содержимое в элемент. | ClipboardEvent |
| pause | Это событие происходит, когда пользователь или программно приостанавливает媒体. | Событие |
| play | Это событие происходит, когда媒体已经开始 или больше не приостановлен. | Событие |
| playing | Это событие происходит при воспроизведении媒体的 после приостановки или остановки буферизации. | Событие |
| popstate | Это событие происходит при изменении истории окна. | PopStateEvent |
| progress | Это событие происходит, когда браузер получает данные媒体 (загружает媒体). | Событие |
| ratechange | Это событие происходит при изменении скорости воспроизведения媒体的. | Событие |
| resize | Это событие происходит при изменении размера документа. | UiEvent, Event |
| reset | Это событие происходит при сбросе формы. | Событие |
| scroll | Событие происходит при прокрутке полосы прокрутки элемента. | UiEvent, Event |
| search | Это событие происходит, когда пользователь вводит содержимое в поле поиска (для <input="search">). | Событие |
| seeked | Это событие происходит, когда пользователь завершает передвижение/перепрыгивание к новому положению в媒体. | Событие |
| seeking | Это событие происходит, когда пользователь начинает передвигаться/перепрыгивать к новому положению в媒体. | Событие |
| select | Пользователь выбирает некоторый текст (для <input> и <textarea>) после чего происходит это событие. | UiEvent, Event |
| show | Это событие occurs, когда элемент <menu> отображается как контекстное меню | Событие |
| stalled | Это событие occurs, когда браузер пытается получить данные媒体的, но данные недоступны | Событие |
| storage | Это событие occurs при обновлении области Web-хранилища | StorageEvent |
| submit | Это событие occurs при отправке формы | Событие |
| suspend | Это событие occurs, когда браузер намеренно не загружает данные媒体的 | Событие |
| timeupdate | Это событие occurs, когда изменяется позиция воспроизведения (например, когда пользователь быстро перебирается к другому месту в媒体) | Событие |
| toggle | Это событие occurs, когда пользователь открывает или закрывает элемент <details> | Событие |
| touchcancel | Это событие occurs, когда触摸 прерван | TouchEvent |
| touchend | Это событие occurs, когда палец удаляется с экрана | TouchEvent |
| touchmove | Это событие occurs, когда палец тянется по экрану | TouchEvent |
| touchstart | Это событие occurs, когда палец放在 экране | TouchEvent |
| transitionend | Это событие occurs, когда завершается CSS-транзит. | TransitionEvent |
| unload | Это событие occurs, когда документ или зависимые ресурсы будут отключены | UiEvent, Event |
| volumechange | Это событие occurs, когда изменяется громкость媒体的 (включая установку громкости в «тихо») | Событие |
| waiting | Это событие occurs, когда媒体 приостановлен, но ожидается, что он будет восстановлен (например, когда媒体 приостанавливается для буферизации дополнительных данных) | Событие |
| wheel | Это событие occurs, когда колеса мыши прокручивается вверх или вниз по элементу | WheelEvent |
В таблице ниже перечислены свойства DOM событий:
| Свойства | Описание | Тип события |
|---|---|---|
| altKey | Возвратит, был ли нажат клавиша «ALT» при вызове события мыши | MouseEvent |
| altKey | Возвратит, был ли нажат клавиша «ALT» при вызове клавишного события | KeyboardEvent, TouchEvent |
| animationName | Возвратит имя анимации | AnimationEvent |
| bubbles | Возвратит, является ли конкретное событие событием бубнежа | Событие |
| button | Возвращает нажатую кнопку мыши при возникновении события мыши. | MouseEvent |
| buttons | Возвращает нажатую кнопку мыши при возникновении события мыши. | MouseEvent |
| cancelable | Возвратит, можно ли предотвратить выполнение стандартной операции события | Событие |
| charCode | Возвратит Unicode код символа клавиши, которая вызвала событие onkeypress | KeyboardEvent |
| changeTouches | Возвратит список всех объектов касания, чье состояние изменилось между последним касанием и текущим | TouchEvent |
| clientX | Возвратит горизонтальную координату указателя мыши относительно текущего окна при вызове события мыши | MouseEvent, TouchEvent |
| clientY | Возвратит вертикальную координату указателя мыши относительно текущего окна при вызове события мыши | MouseEvent, TouchEvent |
| clipboardData | Возвращает объект, который содержит данные,受到影响 от операций с буфером обмена | ClipboardData |
| код | Возвратит код клавиши, которая вызвала событие | KeyboardEvent |
| composer | Возвратит, является ли событие составным | Событие |
| ctrlKey | Возвратит, был ли нажат клавиша «CTRL» при вызове события мыши | MouseEvent |
| ctrlKey | Возврат флага, указывающего, был ли нажат клавиша 'CTRL' | KeyboardEvent, TouchEvent |
| currentTarget | Возврат элемента, который вызвал событие у его слушателя | Событие |
| data | Возврат вставленного символа | InputEvent |
| dataTransfer | Возврат объекта, содержащего данные для drag/drop или вставки/удаления | DragEvent, InputEvent |
| defaultPrevented | Возврат флага, указывающего, был ли вызван метод preventDefault() для события | Событие |
| deltaX | Возврат горизонтального приращения скролла мыши (по оси X) | WheelEvent |
| deltaY | Возврат вертикального приращения скролла мыши (по оси Y) | WheelEvent |
| deltaZ | Возврат приращения скролла мыши по Z-оси | WheelEvent |
| deltaMode | Возврат числа, показывающего размер единицы измерения приращения (пиксели, строки или страницы) | WheelEvent |
| detail | Возврат числа, показывающего, сколько раз был щелчком мыши | UiEvent |
| elapsedTime | Возврат секунд, проведенных в анимации | AnimationEvent |
| elapsedTime | Возврат секунд, проведенных в транзите | |
| eventPhase | Возврат текущей фазы оценки потока событий | Событие |
| inputType | Возврат типа изменения (например, 'вставка' или 'удаление') | InputEvent |
| isComposing | Возврат флага, указывающего, находится ли состояние события в процессе составления | InputEvent, KeyboardEvent |
| isTrusted | Возврат флага, указывающего, является ли событие доверенным | Событие |
| key | Возврат значения клавиши, которую представляет событие | KeyboardEvent |
| key | Возврат ключа измененного значения хранимой в памятиitem | StorageEvent |
| keyCode | Возвращает код Unicode символа клавиши, который вызвал событие onkeypress, или код Unicode клавиши клавиши, которая вызывала событие onkeydown или onkeyup. | KeyboardEvent |
| location | Возврат позиции клавиши на клавиатуре или устройстве | KeyboardEvent |
| lengthComputable | Возврат флага, указывающего, можно ли вычислить длину прогресса | ProgressEvent |
| loaded | Возврат количества работы, уже загруженной | ProgressEvent |
| metaKey | Возврат флага, указывающего, был ли нажат клавиша 'META' | MouseEvent |
| metaKey | Возврат флага, указывающего, был ли нажат клавиша 'meta' | KeyboardEvent, TouchEvent |
| MovementX | Возврат горизонтальной координаты мыши относительно предыдущего события mousemove | MouseEvent |
| MovementY | Возврат вертикальной координаты мыши относительно предыдущего события mousemove | MouseEvent |
| newValue | Возврат нового значения хранимой в памятиitem, изменившегося | StorageEvent |
| newURL | Возврат URL документа после изменения хэш-значения | HasChangeEvent |
| offsetX | Возврат горизонтальной координаты мыши относительно края целевого элемента | MouseEvent |
| offsetY | Возврат вертикальной координаты мыши относительно края целевого элемента | MouseEvent |
| oldValue | Возврат старого значения хранимой в памятиitem, изменившегося | StorageEvent |
| oldURL | Возврат URL документа до изменения хэш-значения | HasChangeEvent |
| onemptied | Это событие occurs, когда происходит不良 ситуация и медиафайл внезапно становится недоступным (например, неожиданное разрывное соединение). | |
| pageX | Возвращает горизонтальную координату курсора мыши относительно документа при возникновении события. | MouseEvent |
| pageY | Возвращает вертикальную координату курсора мыши относительно документа при возникновении события. | MouseEvent |
| persisted | Возвращает, был ли веб-страница сохранена в кэше браузера. | PageTransitionEvent |
| 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 |
| storageArea | Возвращает объект, представляющийaffected storage object. | StorageEvent |
| target | Возвращает элемент, который вызвал событие. | Событие |
| targetTouches | Возвращает список всех объектов касания, которые соприкасаются с поверхностью и touchstart событие происходит на элементе-мишени, который в настоящее время является целевым элементом. | TouchEvent |
| timeStamp | Возвращает время создания события (в миллисекундах по отношению к эре). | Событие |
| total | Возвращает общее количество работы, которая будет загружена. | ProgressEvent |
| touches | Возвращает список всех объектов касания, которые в настоящее время контактируют с поверхностью. | TouchEvent |
| transitionend | Это событие occurs, когда завершается CSS-транзит. | TransitionEvent |
| type | Возвращает имя события. | Событие |
| url | Возвращает URL документа, изменившегося. | StorageEvent |
| which | Возвращает нажатую кнопку мыши при возникновении события мыши. | MouseEvent |
| which | Возвращает код Unicode символа клавиши, который вызвал событие onkeypress, или код Unicode клавиши клавиши, которая вызывала событие onkeydown или onkeyup. | KeyboardEvent |
| view | Вернуть ссылку на окно, в котором произошло событие | UiEvent |
В таблице ниже перечислены методы событий DOM:
| Метод | Описание | Тип события |
|---|---|---|
| createEvent() | Создать новый事件 | Событие |
| getTargetRanges() | Вернуть массив, содержащий диапазон целевых значений, которые будут затронуты вставкой/удалением | InputEvent |
| getModifierState() | Вернуть массив, содержащий диапазон целевых значений, которые будут затронуты вставкой/удалением | MouseEvent |
| preventDefault() | Предотвратить выполнение выбранного элемента по умолчанию браузером | Событие |
| stopImmediatePropagation() | Предотвратить вызов других слушателей события | Событие |
| stopPropagation() | Предотвратить дальнейшее распространение события в потоке событий | Событие |
Учебник Javascript:События Javascript
Учебник Javascript:Слушатель событий
Учебник Javascript:Распространение событий