События HTML DOM

События HTML DOM

события HTML DOM позволяют JavaScript регистрировать различные обработчики событий на элементах HTML документа.

события обычно используются вместе с функциями, функции не выполняются до того, как событие произойдет (например, при单击 на кнопку).

Чтобы узнать о уроках по событиям, пожалуйста, изучите наш Уроки JavaScript событий.

событие описание принадлежит
abort данное событие происходит при中止е загрузки媒体.
afterprint данное событие происходит при начале печати страницы или закрытии диалогового окна печати. Event
animationend данное событие происходит при завершении анимации CSS. AnimationEvent
animationiteration данное событие происходит при повторении анимации CSS. AnimationEvent
animationstart данное событие происходит при начале анимации CSS. AnimationEvent
beforeprint данное событие происходит перед печатью страницы. Event
beforeunload данное событие происходит перед тем, как документ будет выгружен.
blur данное событие происходит при потере фокуса элементом. FocusEvent
canplay данное событие происходит, когда браузер может начать воспроизведение媒体. Event
canplaythrough данное событие происходит, когда браузер может воспроизводить媒体 без остановки буферизации. Event
change данное событие происходит при изменении содержимого, выбора или состояния элемента form. Event
click данное событие происходит при单击 на элемент. MouseEvent
contextmenu данное событие происходит при правом клике на элемент для открытия контекстного меню. MouseEvent
copy данное событие происходит при копировании содержимого элемента. ClipboardEvent
cut данное событие происходит при копировании содержимого элемента. ClipboardEvent
dblclick данное событие происходит при двойном клике на элемент. MouseEvent
drag данное событие происходит при перетаскивании элемента. DragEvent
dragend This event occurs after the user finishes dragging the element. DragEvent
dragenter This event occurs when the dragged element enters the drop target. DragEvent
dragleave This event occurs when the dragged element leaves the drop target. DragEvent
dragover This event occurs when the dragged element is over the drop target. DragEvent
dragstart This event occurs when the user starts to drag the element. DragEvent
drop This event occurs when the dragged element is placed on the drop target. DragEvent
durationchange This event occurs when the duration of the media changes. Event
ended This event occurs when the media reaches the end. Event
error This event occurs after an error occurs while loading an external file.
focus This event occurs when the element gains focus. FocusEvent
focusin This event occurs just before the element gains focus. FocusEvent
focusout This event occurs just before the element loses focus. FocusEvent
fullscreenchange This event occurs when the element is displayed in full-screen mode. Event
fullscreenerror This event occurs when the element cannot be displayed in full-screen mode. Event
hashchange This event occurs when the anchor part of the URL changes. HashChangeEvent
input This event occurs when the element receives user input.
invalid This event occurs when the element is invalid. Event
keydown This event occurs when the user is pressing a key. KeyboardEvent
keypress This event occurs when the user presses a key. KeyboardEvent
keyup This event occurs when the user releases a key. KeyboardEvent
load This event occurs when the object is loaded.
loadeddata This event occurs after the media data is loaded. Event
loadedmetadata This event occurs when loading metadata (such as size and duration). Event
loadstart When the browser starts to find the specified media, this event occurs. ProgressEvent
message This event occurs when a message is received through this event source. Event
mousedown When the user presses the mouse button on the element, this event occurs. MouseEvent
mouseenter When the pointer moves to the element, this event occurs. MouseEvent
mouseleave When the pointer moves out of the element, this event occurs. MouseEvent
mousemove When the pointer moves over the element, this event occurs. MouseEvent
mouseout When the user moves the mouse pointer out of the element or any of its child elements, this event occurs. MouseEvent
mouseover When the pointer moves to the element or any of its child elements, this event occurs. MouseEvent
mouseup При отпускании кнопки мыши на элементе occurs this event. MouseEvent
mousewheel Не рекомендуется использовать.Используйте вместо этого. wheel Событие. WheelEvent
offline Происходит это событие при начале работы браузера в офлайн-режиме. Event
online Происходит это событие при начале работы браузера в онлайн-режиме. Event
open Происходит это событие при открытии подключения к источнику события. Event
pagehide Происходит это событие при навигации пользователя away от веб-страницы. PageTransitionEvent
pageshow Происходит это событие при навигации пользователя к веб-странице. PageTransitionEvent
paste Происходит это событие при вставке пользователем содержимого в элемент. ClipboardEvent
pause Происходит это событие при паузе или программной паузе媒体 пользователем. Event
play Происходит это событие при запуске или прекращении паузы媒体. Event
playing Происходит это событие при воспроизведении после буферизации при паузе или остановке. Event
popstate Происходит это событие при изменении истории окна. PopStateEvent
progress Происходит это событие, когда браузер находится в процессе получения данных媒体. Event
ratechange Происходит это событие при изменении скорости воспроизведения媒体. Event
reset Происходит это событие при сбросе формы. Event
resize Происходит это событие при изменении размера документа.
scroll Происходит это событие при прокрутке полосы прокрутки элемента.
search Происходит это событие при вводе содержимого в поле поиска. Event
seeked Происходит это событие при завершении перемещения/прыжка к новому положению в媒体. Event
seeking Происходит это событие при начале перемещения/прыжка к новому положению в媒体. Event
select Происходит это событие после выбора пользователем текста (для <input> и <textarea>).
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>).
volumechange Это событие происходит, когда изменяется громкость медиа. Event
waiting Это событие происходит, когда медиа была приостановлена, но ожидается, что она будет восстановлена. Event
wheel Это событие происходит, когда мышь прокручивается вверх или вниз по элементу. WheelEvent

Свойства и методы событий HTML DOM

атрибут/метод описание принадлежит
altKey Возврат того, был ли нажат клавиша "ALT" при событии мыши. MouseEvent
altKey Возврат того, был ли нажат клавиша "ALT" при событии клавиатуры.
animationName Возврат имени анимации. AnimationEvent
bubbles Возврат того, является ли событие событием бубbling. Event
button возвращает нажатую кнопку мыши при возникновении события. MouseEvent
buttons возвращает нажатую кнопку мыши при возникновении события. MouseEvent
cancelBubble Установка или возврат того, должно ли событие распространяться по иерархии.
cancelable Возврат того, можно ли предотвратить действие по умолчанию. Event
changeTouches Возврат списка всех объектов касания, у которых изменилось состояние между предыдущим и текущим касанием. TouchEvent
charCode Возврат Unicode кода клавиши, которая вызвала событие onkeypress. KeyboardEvent
clientX Возврат горизонтальной координаты курсора мыши относительно текущего окна при событии мыши.
clientY Возврат вертикальной координаты курсора мыши относительно текущего окна при событии мыши.
clipboardData Возврат объекта, который содержит данные,affected by clipboard operations. ClipboardData
code Возврат кода клавиши, которая вызвала событие. KeyboardEvent
composed Указание того, можно ли передавать это событие из Shadow DOM в общий DOM. Event
composedPath() Возврат пути события.
createEvent() Создание нового события. Event
ctrlKey Возврат того, был ли нажат клавиша "CTRL" при событии мыши. MouseEvent
ctrlKey Возврат того, был ли нажат клавиша "CTRL" при событии клавиатуры.
currentTarget Возврат элемента, который вызвал событие, с помощью его слушателя событий. Event
data Возврат вставленного символа. InputEvent
dataTransfer Возврат объекта, который содержит данные для перетаскивания или вставки/удаления.
defaultPrevented Возврат того, был ли вызван метод preventDefault(). Event
deltaX Возврат объема прокрутки мыши по горизонтали (координата x). WheelEvent
deltaY Возврат объема прокрутки мыши по вертикали (координата y). WheelEvent
deltaZ Возврат объема прокрутки мыши по Z-оси. WheelEvent
deltaMode Возврат числа, представляющего единицу измерения значения приращения (пиксели, строки или страницы). WheelEvent
detail Возврат числа, указывающего, сколько раз был щелчком мыши. UiEvent
elapsedTime Возврат секунд, которые прошли с начала анимации. AnimationEvent
elapsedTime Возврат секунд, которые прошли с начала перехода. 　
eventPhase Возврат текущей фазы события потока. Event
getModifierState() Возврат массива, содержащего целевой диапазон, который будет受到影响 от вставки/удаления. MouseEvent
getTargetRanges() Возврат массива, содержащего целевой диапазон, который будет受到影响 от вставки/удаления. InputEvent
inputType Возврат типа изменения (например, "inserting" или "deleting"). InputEvent
isComposing Возврат состояния, является ли состояние ввода составным.
isTrusted Возврат состояния, является ли событие доверительным. Event
key Возврат значения клавиши, которую представляет событие. KeyboardEvent
key Возврат ключа изменяемого элемента хранения. StorageEvent
keyCode Возврат Unicode кода клавиши, которая вызвала событие onkeypress, onkeydown или onkeyup. KeyboardEvent
location Возврат位置的 клавиши на клавиатуре или устройстве. KeyboardEvent
lengthComputable Возврат состояния, можно ли вычислить длину прогресса. ProgressEvent
loaded Возврат объема загруженного содержимого. ProgressEvent
metaKey Возврат состояния, было ли нажато клавишу "META" при возникновении события. MouseEvent
metaKey Возврат состояния, было ли нажато клавишу "META" при возникновении события клавиатуры.
MovementX Возврат горизонтальной координаты курсора мыши относительно последнего события mousemove. MouseEvent
MovementY Возврат вертикальной координаты курсора мыши относительно последнего события mousemove. MouseEvent
newURL Возврат URL документа после изменения хеша. HasChangeEvent
newValue Возврат нового значения изменяемого элемента хранения. StorageEvent
offsetX Возврат горизонтальной координаты курсора мыши относительно края целевого элемента. MouseEvent
offsetY Возврат вертикальной координаты курсора мыши относительно края целевого элемента. MouseEvent
oldURL Возврат URL документа до изменения хеша. HasChangeEvent
oldValue Возврат старого значения изменяемого элемента хранения. StorageEvent
onemptied Это событие возникает, когда происходят плохие условия и медиафайл внезапно становится недоступным. 　
pageX Возврат горизонтальной координаты курсора мыши относительно документа в момент возникновения события мыши. MouseEvent
pageY Возврат вертикальной координаты курсора мыши относительно документа в момент возникновения события мыши. MouseEvent
persisted Возврат веб-страницы, была ли она сохранена в кэше браузера. PageTransitionEvent
preventDefault() если можно отменить событие, отменяет его и не выполняет mặc định операции, связанные с этим событием. Event
propertyName возвращает имя CSS-атрибута, связанного с анимацией или трансформацией.
pseudoElement возвращает имя псевдоэлемента анимации или трансформации.
region MouseEvent
relatedTarget возвращает элемент, связанный с элементом, который вызвал событие. MouseEvent
relatedTarget возвращает элемент, связанный с элементом, который вызвал событие. FocusEvent
repeat возвращает, повторяется ли нажатие клавиши. KeyboardEvent
screenX возвращает горизонтальную координату окна/курсора мыши по отношению к экрану. MouseEvent
screenY возвращает вертикальную координату окна/курсора мыши по отношению к экрану. MouseEvent
shiftKey возвращает, был ли нажат клавиша "SHIFT" при возникновении события. MouseEvent
shiftKey возвращает, был ли нажат клавиша "SHIFT" при возникновении события.
state возвращает объект, содержащий копию записи истории. PopStateEvent
stopImme...() препятствует вызову других слушателей события. Event
stopPropagation() препятствует дальнейшему распространению события в потоке событий. Event
storageArea возвращает объект, представляющийaffected storage object. StorageEvent
target возвращает элемент, который вызвал событие. Event
targetTouches возвращает список Touch-объектов TouchList, содержащих все касающиеся поверхности точки касания. TouchEvent
timeStamp возвращает время создания события (в миллисекундах по отношению к эре). Event
total возвращает общее количество работы, которая будет загружена. ProgressEvent
touches возвращает список всех touch-объектов, которые в настоящее время касаются поверхности. TouchEvent
type возвращает имя события. Event
url возвращает URL документа, в котором находится измененный элемент. StorageEvent
which возвращает нажатую кнопку мыши при возникновении события. MouseEvent
which возвращает Unicode код символа клавиши, который вызвал событие onkeypress, или Unicode код клавиши, которая вызывала событие onkeydown или onkeyup. KeyboardEvent
view возвращает ссылку на объект Window, на котором произошло событие. UiEvent