Когда пользователи посещают ваш веб-сайт, они делают такие вещи, как щелчок по различным ссылкам, наведение мыши на текст, изображения и т. Д. Это примеры того, что мы называем событиями в терминологии JavaScript и VBScript.
Мы можем написать наши обработчики событий, используя JavaScript или VBScript, и можем указать некоторые действия, которые нужно предпринять против этих событий. Хотя это и есть события, но они будут указаны как атрибуты для тегов HTML.
Спецификация HTML 4.01 определила 19 событий, но позже HTML-5 добавил много других событий, которые мы перечислили здесь —
Атрибуты событий окна
Следующие события были введены в более старых версиях HTML, но все теги отмечены являются частью HTML-5.
События | HTML-5 | Описание |
---|---|---|
OnAfterPrint | Пуски после того, как документ напечатан | |
OnBeforePrint | Пуски перед печатью документа | |
onbeforeonload | Триггеры до загрузки документа | |
OnError | Пуски когда происходит ошибка | |
onhaschange | Пуски когда документ изменился | |
в процессе | Пуски когда документ загружает | |
OnMessage | Пуски когда сообщение запущено | |
onoffline | Пуски когда документ переходит в автономный режим | |
ononline | Пуски когда документ приходит онлайн | |
onpagehide | Пуски когда окно скрыто | |
onpageshow | Пуски когда окно становится видимым | |
onpopstate | Пуски когда история окна изменяется | |
onredo | Пуски когда документ выполняет повтор | |
OnResize | Пуски когда размер окна изменен | |
onstorage | Пуски когда документ загружает | |
onundo | Пуски когда документ выполняет отмену | |
OnUnload | Пуски когда пользователь покидает документ |
События формы
Следующие теги были введены в более старых версиях HTML, но все теги отмечены являются частью HTML-5.
События | HTML-5 | Описание |
---|---|---|
ONBLUR | Пуски когда окно теряет фокус | |
по изменению | Пуски когда элемент изменяется | |
oncontextmenu | Пуски когда контекстное меню вызвано | |
OnFocus | Пуски когда окно получает фокус | |
onformchange | Пуски когда форма изменяется | |
onforminput | Пуски когда форма получает ввод пользователя | |
oninput | Пуски когда элемент получает ввод пользователя | |
oninvalid | Пуски когда элемент недействителен | |
OnReset | Пуски когда форма сброшена | |
onselect | Пуски когда элемент выбран | |
onsubmit | Пуски когда форма отправлена |
События клавиатуры
События | HTML-5 | Описание |
---|---|---|
OnKeyDown | Пуски при нажатии клавиши | |
OnKeyPress | Пуски когда кнопка нажата и отпущена | |
OnKeyUp | Пуски когда ключ выпущен |
События мыши
Следующие теги были введены в более старых версиях HTML, но все теги отмечены являются частью HTML-5.
События | HTML-5 | Описание |
---|---|---|
по щелчку | Триггеры по щелчку мыши | |
ondblclick | Запуск по двойному щелчку мыши | |
ondrag | Пуски когда элемент перетаскивается | |
ondragend | Триггеры в конце операции перетаскивания | |
OnDragEnter | Пуски когда элемент был перетащен к действительной цели отбрасывания | |
OnDragLeave | Пуски когда элемент покидает действительную цель отбрасывания | |
OnDragOver | Пуски когда элемент перетаскивается над действительной целью отбрасывания | |
ondragstart | Триггеры в начале операции перетаскивания | |
OnDrop | Пуски когда перетаскиваемый элемент отбрасывается | |
OnMouseDown | Пуски при нажатии кнопки мыши | |
OnMouseMove | Пуски когда указатель мыши перемещается | |
onmouseout | Пуски когда указатель мыши выходит из элемента | |
при наведении мыши | Пуски когда указатель мыши перемещается над элементом | |
OnMouseUp | Пуски когда кнопка мыши отпущена | |
OnMouseWheel | Пуски когда колесо мыши вращается | |
OnScroll | Пуски когда прокручивается полоса прокрутки элемента |
Медиа События
Следующие теги были введены в более старых версиях HTML, но все теги отмечены являются частью HTML-5.