Когда пользователи посещают ваш веб-сайт, они делают такие вещи, как щелчок по различным ссылкам, наведение мыши на текст, изображения и т. Д. Это примеры того, что мы называем событиями в терминологии 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.