Лучшее руководство по Объект события HTML DOM в 2024 году. В этом руководстве вы можете изучить
HTML DOM событие,HTML DOM событие,события мыши,события клавиатуры,Рамка / Объект (Frame / Object) событие,Форма события,Буфер обмена событий,Печать событий,событие перетаскивания,Мультимедиа (Media) Событие,Анимация события,событие Переход,Другие события,объекты событий,Объект события Target,Объект события Слушатель,Событие Объект Document,Мышь / клавиатура объект события,
Объект события HTML DOM
HTML DOM событие
HTML DOM событие позволяет Javascript зарегистрировать различные обработчики событий в элементе HTML-документа.
События часто используются в сочетании с функцией, то функция не будет выполняться до возникновения события! (Такие, как пользователь нажимает на кнопку).
Совет: стандартизированная модель событий в W3C DOM Level 2 события.
HTML DOM событие
DOM: атрибут DOM указывает на уровень использования.
события мыши
свойство | описание | DOM |
---|
OnClick | Событие вызывается, когда пользователь нажимает на объект ручке. | 2 |
oncontextmenu | Срабатывает, когда пользователь щелкает правой кнопкой мыши, чтобы открыть контекстное меню | |
ondblclick | Событие вызывается, когда пользователь дважды нажимает на дескриптор объекта. | 2 |
OnMouseDown | Кнопка мыши нажата. | 2 |
OnMouseEnter | Срабатывает, когда указатель мыши перемещается к элементам. | 2 |
OnMouseLeave | Когда указатель мыши перемещается из элемента триггера | 2 |
OnMouseMove | Мышь перемещается. | 2 |
OnMouseOver | Наведите курсор мыши на элемент. | 2 |
onmouseout | Мышь от элемента. | 2 |
OnMouseUp | Отпускании кнопки мыши. | 2 |
события клавиатуры
Рамка / Объект (Frame / Object) событие
Форма события
Буфер обмена событий
свойство | описание | DOM |
---|
oncopy | Событие срабатывает, когда пользователь копирует содержание элемента | |
oncut | Событие срабатывает, когда содержание элемента сдвига пользователя | |
onpaste | Событие срабатывает, когда пользователь вставить содержимое элемента | |
Печать событий
свойство | описание | DOM |
---|
OnAfterPrint | Инициирующее событие уже начал печать страницы, или распечатать окно уже закрыто | |
OnBeforePrint | Событие срабатывает, когда страница собирается начать печать | |
событие перетаскивания
событие | описание | DOM |
---|
ondrag | Событие срабатывает, когда элемент перетаскивается | |
ondragend | Событие срабатывает, когда пользователь перетаскивает элементы для завершения | |
OnDragEnter | Это событие срабатывает, когда тащили элемент в цель перетаскивания | |
OnDragLeave | Это событие инициируется, когда элемент сопротивления, чтобы оставить цель снижения | |
OnDragOver | Событие срабатывает, когда цель находится на элементе сопротивления | |
ondragstart | Событие срабатывает, когда пользователь начинает перетаскивать элементы | |
OnDrop | Это событие инициируется, когда элемент сопротивления находится в целевой зоне | |
Мультимедиа (Media) Событие
событие | описание | DOM |
---|
OnAbort | видео события / аудио (аудио / видео), чтобы прекратить действие спусковой крючок при загрузке. | |
oncanplay | Когда событие срабатывает в пользователь может начать воспроизведение видео / аудио (аудио / видео). | |
oncanplaythrough | Пусковое событие может воспроизводить в обычном видео / аудио (аудио / видео) и без паузы и буфера. | |
ondurationchange | Событие видео / аудио (аудио / видео) изменение триггера Длительность. | |
onemptied | Список триггеров пуст, текущий игрок | |
onended | В конце игры в триггера событий видео / аудио (аудио / видео). | |
OnError | Событие срабатывает при возникновении ошибки во время видео / аудио (/ видео аудио) данные загружаются. | |
onloadeddata | Событие в браузере, чтобы загрузить видео / аудио (аудио / видео) Trigger текущий кадр. | |
onloadedmetadata | метаданные события, указанного видео / аудио (аудио / видео) триггер после загрузки. | |
onloadstart | Событие в браузере, чтобы начать поиск указанного / аудио (аудио / видео) триггер видео. | |
OnPause | инициирующее событие в видео / аудио (аудио / видео) Пауза. | |
onplay | Событие вызвало, чтобы начать воспроизведение видео / аудио (аудио / видео). | |
onplaying | видео события / аудио (аудио / видео) Пауза или после того, как буферизацию срабатывает, когда готовы начать играть снова. | |
OnProgress | Событие триггера (аудио / видео), указанный в браузере для загрузки видео / аудио. | |
onratechange | Пусковое событие изменения при передаче видео / аудио (аудио / видео) скорость воспроизведения. | |
onseeked | В случае пользователю изменить положение видео / аудио (аудио / видео) Позиция воспроизведения срабатывает. | |
onseeking | Срабатывает, когда пользователь начинает переставить событий видео / аудио (аудио / видео). | |
onstalled | Получить данные СМИ о событиях в браузере, но данные о носителе недоступна при срабатывании. | |
onsuspend | Событие вызвало приостановление медиа-данных в браузере, чтобы читать. | |
ontimeupdate | Событие срабатывает, когда текущее положение воспроизведения, чтобы отправить изменения. | |
onvolumechange | Событие срабатывает, когда изменение объема. | |
onwaiting | Поскольку событие срабатывает, когда видео, которое вы хотите воспроизвести следующий буфер кадра требуется. | |
Анимация события
событие | описание | DOM |
---|
animationend | Это событие срабатывает, когда анимация завершения воспроизведения CSS | |
animationiteration | Это событие инициируется, когда CSS анимации повторить | |
animationstart | Это событие срабатывает, когда анимация начинается воспроизведение CSS | |
событие Переход
событие | описание | DOM |
---|
transitionend | Событие запускается после CSS для завершения перехода. | |
Другие события
событие | описание | DOM |
---|
OnMessage | Когда событие инициируется или из объекта (WebSocket, Web Worker, Источник события или подрамника или родительского окна) принимает сообщение | |
OnMouseWheel | Вышло из употребления. Используйте onwheel замену событий | |
ononline | Это событие инициируется, когда браузер для работы в Интернете. | |
onoffline | Это событие запускается, когда браузер должен начать работать в автономном режиме. | |
onpopstate | Это событие срабатывает, когда история просмотра (объекты истории) изменяется окно. | |
OnShow | Событие, когда элемент <Меню> отображается в триггере контекстного меню | |
onstorage | Это событие инициируется, когда Web Storage (HTML 5 Интернет-магазин) обновление | |
ontoggle | Событие запускается, когда пользователь открывает или закрывает элемент <подробнее> | |
onwheel | Это событие срабатывает, когда колесо мыши для прокрутки вверх и вниз в элементе | |
объекты событий
постоянная
静态变量 |
描述 |
DOM |
CAPTURING-PHASE |
当前事件阶段为捕获阶段(3) |
1 |
AT-TARGET |
当前事件是目标阶段,在评估目标事件(1) |
2 |
BUBBLING-PHASE |
当前的事件为冒泡阶段 (2) |
3 |
свойство
свойство | описание | DOM |
---|
пузыри | Возвращает логическое значение, указывающее, является ли событие типа пузыриться событие. | 2 |
отменяемый | Возвращает логическое значение, указывающее, может ли событие отменить про действием по умолчанию. | 2 |
currentTarget | Возвращает его слушатели событий вызвали элемент событий. | 2 |
EventPhase | Возвращает текущий этап распространения события. | 2 |
мишень | Возвращает элемент, который вызвал это событие (событие целевой узел). | 2 |
TimeStamp | Возвращает дату и время события, генерируемой. | 2 |
тип | Возвращает имя текущего события объекта Event представляет. | 2 |
способ
方法 |
描述 |
DOM |
initEvent() |
初始化新创建的 Event 对象的属性。 |
2 |
preventDefault() |
通知浏览器不要执行与事件关联的默认动作。 |
2 |
stopPropagation() |
不再派发事件。 |
2 |
Объект события Target
способ
方法 |
描述 |
DOM |
addEventListener() |
允许在目标事件中注册监听事件(IE8
= attachEvent()) |
2 |
dispatchEvent() |
允许发送事件到监听器上 (IE8 =
fireEvent()) |
2 |
removeEventListener() |
运行一次注册在事件目标上的监听事件(IE8 =
detachEvent()) |
2 |
Объект события Слушатель
способ
方法 |
描述 |
DOM |
handleEvent() |
把任意对象注册为事件处理程序 |
2 |
Событие Объект Document
способ
方法 |
描述 |
DOM |
createEvent() |
|
2 |
Мышь / клавиатура объект события
свойство
属性 |
描述 |
DOM |
altKey |
返回当事件被触发时,"ALT" 是否被按下。 |
2 |
button |
返回当事件被触发时,哪个鼠标按钮被点击。 |
2 |
clientX |
返回当事件被触发时,鼠标指针的水平坐标。 |
2 |
clientY |
返回当事件被触发时,鼠标指针的垂直坐标。 |
2 |
ctrlKey |
返回当事件被触发时,"CTRL" 键是否被按下。 |
2 |
Location |
返回按键在设备上的位置 |
3 |
charCode | 返回onkeypress事件触发键值的字母代码。 | 2 |
key | 在按下按键时返回按键的标识符。 | 3 |
keyCode | 返回onkeypress事件触发的键的值的字符代码,或者 onkeydown 或 onkeyup 事件的键的代码。 | 2 |
which | 返回onkeypress事件触发的键的值的字符代码,或者 onkeydown 或 onkeyup 事件的键的代码。 | 2 |
metaKey |
返回当事件被触发时,"meta" 键是否被按下。 |
2 |
relatedTarget |
返回与事件的目标节点相关的节点。 |
2 |
screenX |
返回当某个事件被触发时,鼠标指针的水平坐标。 |
2 |
screenY |
返回当某个事件被触发时,鼠标指针的垂直坐标。 |
2 |
shiftKey |
返回当事件被触发时,"SHIFT" 键是否被按下。 |
2 |
способ
方法 |
描述 |
W3C |
initMouseEvent() |
初始化鼠标事件对象的值 |
2 |
initKeyboardEvent() |
初始化键盘事件对象的值 |
3 |