Latest web development tutorials
×

JavaScript & HTML DOM справочное руководство

обзор

JavaScript объекты

JavaScript Array объекты JavaScript Boolean объекты JavaScript Date объекты JavaScript Math объекты JavaScript Number объекты JavaScript String объекты JavaScript RegExp объекты JavaScript Глобальные свойства / функции JavaScript операторы

Browser объекты

Window объекты Navigator объекты Screen объекты History объекты Location объекты

DOM объекты

HTML DOM Document объекты HTML DOM объект Element HTML DOM Атрибут объекта HTML DOM объекты событий

HTML объекты

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <img> <ins> <input> - button <input> - checkbox <input> - color <input> - date <input> - datetime <input> - datetime-local <input> - email <input> - file <input> - hidden <input> - image <input> - month <input> - number <input> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

Объект события 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

события клавиатуры

属性 描述 DOM
onkeydown 某个键盘按键被按下。 2
onkeypress 某个键盘按键被按下并松开。 2
onkeyup 某个键盘按键被松开。 2

Рамка / Объект (Frame / Object) событие

属性 描述 DOM
onabort 图像的加载被中断。 ( <object>) 2
onbeforeunload 该事件在即将离开页面（刷新或关闭）时触发 2
onerror 在加载文档或图像时发生错误。 ( <object>, <body>和 <frameset>)
onhashchange 该事件在当前 URL 的锚部分发生修改时触发。
onload 一张页面或一幅图像完成加载。 2
onpageshow 该事件在用户访问页面时触发
onpagehide 该事件在用户离开当前网页跳转到另外一个页面时触发
onresize 窗口或框架被重新调整大小。 2
onscroll 当文档被滚动时发生的事件。 2
onunload 用户退出页面。 ( <body> 和 <frameset>) 2

Форма события

属性 描述 DOM
onblur 元素失去焦点时触发 2
onchange 该事件在表单元素的内容改变时触发( <input>, <keygen>, <select>, 和 <textarea>) 2
onfocus 元素获取焦点时触发 2
onfocusin 元素即将获取焦点时触发 2
onfocusout 元素即将失去焦点时触发 2
oninput 元素获取用户输入时触发 3
onreset 表单重置时触发 2
onsearch 用户向搜索域输入文本时触发 ( <input="search">)  
onselect 用户选取文本时触发 ( <input> 和 <textarea>) 2
onsubmit 表单提交时触发 2

Буфер обмена событий

свойство описание 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