Справочник событий HTML

Здравствуйте, сегодня я собрал для вас полный список событий HTML. События HTML 5 – это специальные глобальные атрибуты, используемые в тегах для вызова обработчиков событий, написанных на различных языках сценариев таких, как JavaScript и вызываемых, когда на странице происходит какое-либо действие.

Хочу сразу сказать, что всему свойственно обновляться, поэтому, если вы знаете более новую информацию по тегам, попрошу отписаться в комментариях. Спасибо! Информация будет представлять из себя таблицу с тегами, а так же шпаргалку . Документ для скачивания будет находиться в конце этого поста.

Все события были разбиты на группы.

Оконные Атрибуты Событий

События, возникающие в оконном объекте.

Применяется к тегу <body>:

АтрибутЗначениеОписание
onafterprintскриптСкрипт, запускаемый после того, как документ распечатается
onbeforeprintскриптСкрипт, запускаемый перед печатью документа
onbeforeonloadскриптСкрипт, запускаемый перед загрузкой документа
onblurскриптСкрипт, запускаемый, когда окно теряет фокус
onerrorскриптСкрипт, запускаемый, когда происходит ошибка
onfocusскриптСкрипт, запускаемый, когда окно получает фокус
onhaschangeскриптСкрипт, запускаемый, когда документ изменился
onloadскриптСкрипт, запускаемый, когда документ загружается
onmessageскриптСкрипт, запускаемый при получении сообщения
onofflineскриптСкрипт, запускаемый, когда документ переходит в оффлайн режим
ononlineскриптСкрипт, запускаемый, когда документ переходит в режим онлайн
onpagehideскриптСкрипт, запускаемый, когда окно становится невидимым
onpageshowскриптСкрипт, запускаемый, когда окно становится видимым
onpopstateскриптСкрипт, запускаемый, когда история окна изменяется
onredoскриптСкрипт, запускаемый, когда документ выполняет восстановление последней операции
onresizeскриптСкрипт, запускаемый, когда изменяется размер окна
onstorageскриптСкрипт, запускаемый, когда документ загружается
onundoскриптСкрипт, запускаемый, когда документ выполняет отмену последней операции
onunloadскриптСкрипт, запускаемый, когда пользователь закрывает документ

События Формы

События, возникающие при выполнении действий с HTML формами.

Применяются ко всем элементам HTML5, но обычно используются в элементах формы:

АтрибутЗначениеОписание
onblurскрипт Скрипт, запускаемый, когда элемент теряет фокус
onchangeскриптСкрипт, запускаемый, когда элемент изменяется
oncontextmenuскрипт Скрипт, запускаемый, когда запускается контекстное меню
onfocusскрипт Скрипт, запускаемый, когда элемент получает фокус
onformchangeскрипт Скрипт, запускаемый, когда форма изменяется
onforminputскрипт Скрипт, запускаемый, когда получает пользователь вводит данные в форму
oninputскрипт Скрипт, запускаемый, когда пользователь вводит данные в элемент
oninvalidскрипт Скрипт, запускаемый, когда элемент неработоспособный
onresetскрипт Скрипт, запускаемый, когда форма сбрасывается
Не поддерживается в HTML5
onselectскрипт Скрипт, запускаемый, когда элемент выбирается
onsubmitскриптСкрипт, запускаемый при отправке формы

События Клавиатуры

События, инициируемые клавиатурой.

Применяется ко всем элементам HTML5.

АтрибутЗначениеОписание
onkeydownскриптСкрипт, запускаемый при нажатии кнопки
onkeypressскриптСкрипт, запускаемый, когда кнопка была нажата, а затем отпущена
onkeyupскриптСкрипт, запускаемый при отпускании кнопки

События Мыши

События, возникающие при выполнении действий с мышью или подобных действиях пользователя:

Применяется ко всем элементам HTML5.

АтрибутЗначениеОписание
onclickскриптСкрипт, запускаемый при клике мышью
ondblclickскриптСкрипт, запускаемый при двойном щелчке кнопкой мыши
ondragскрипт Скрипт, запускаемый, когда элемент перетаскивается
ondragendскрипт Скрипт, запускаемый в конце операции перетаскивания
ondragenterскрипт Скрипт, запускаемый, когда перетаскиваемый элемент оказался над допустимой целевой областью, над которой его можно отпустить
ondragleaveскрипт Скрипт, запускаемый, когда перетаскиваемый элемент покидает допустимую целевую область, где его можно было отпустить
ondragoverскрипт Скрипт, запускаемый, когда элемент перетаскивается над допустимой целевой областью, где его можно отпустить
ondragstartскрипт Скрипт, запускаемый в начале операции перетаскивания
ondropскрипт Скрипт, запускаемый, когда перетаскиваемый элемент отпускается
onmousedownскриптСкрипт, запускаемый при нажатии кнопки мыши
onmousemoveскриптСкрипт, запускаемый при перемещении указателя мыши
onmouseoutскриптСкрипт, запускаемый, когда указатель мыши выходит за пределы элемента
onmouseoverскриптСкрипт, запускаемый, когда указатель мыши перемещается над элементом
onmouseupскриптСкрипт, запускаемый, когда кнопка мыши отпущена
onmousewheelскрипт Скрипт, запускаемый, когда прокручивается колесо мыши
onscrollскрипт Скрипт, запускаемый, когда прокручивается ползунок полосы прокрутки элемента

Медиа События

События, возникающие в медиа элементах, например video (видео), image (изображения) и audio (аудио).

Применяются ко всем элементам HTML5, но наиболее часто используются в медиа элементах, таких как audio, embed, img, object и video:

АтрибутЗначениеОписание
onabortскрипт Скрипт, запускаемый при отмене
oncanplayскриптСкрипт, запускаемый, когда медиа может начать воспроизведение, но может остановиться для буферизации
oncanplaythroughскриптСкрипт, запускаемый, медиа может воспроизводиться до конца – без остановок для буферизации
ondurationchangeскрипт Скрипт, запускаемый, когда продолжительность медиа изменяется
onemptiedскрипт Скрипт, запускаемый, когда медиа источник внезапно становится пустым (ошибки сети, ошибки при загрузке и т.д.)
onendedскрипт Скрипт, запускаемый, когда медиа достигает конца воспроизведения
onerrorскрипт Скрипт, запускаемый, когда происходит ошибка при загрузке элемента
onloadeddataскриптСкрипт, запускаемый, когда данные медиа загружены
onloadedmetadataскриптСкрипт, запускаемый, когда данные о продолжительности или другая информация о медиа элементе загружены
onloadstartскриптСкрипт, запускаемый, когда браузер начинает загружать медиа данные
onpauseскрипт Скрипт, запускаемый при остановке (паузе) медиа
onplayскрипт Скрипт, запускаемый при старте воспроизведения медиа
onplayingскрипт Скрипт, запускаемый, когда медиа уже начало воспроизводиться
onprogressскрипт Скрипт, запускаемый, когда браузер извлекает медиа данные
onratechangeскрипт Скрипт, запускаемый, когда скорость медиа потока (количество бит в секунду) изменяется
onreadystatechangeскрипт Скрипт, запускаемый, когда состояние готовности изменяется
onseekedскрипт Скрипт, запускаемый, когда атрибут поиска медиа элемента более не используется, и поиск завершен
onseekingскрипт Скрипт, запускаемый, когда атрибут поиска медиа элемента используется, и поиск начат
onstalledскрипт Скрипт, запускаемый при возникновении ошибки в процессе извлечения медиа данных (остановка)
onsuspendскриптСкрипт, запускаемый, когда браузер уже начал извлекать медиа данные, но процесс был приостановлен прежде, чем медиа файл был полностью извлечен
ontimeupdateскриптСкрипт, запускаемый, когда медиа изменяет позицию проигрывания
onvolumechangeскриптСкрипт, запускаемый, когда изменяется уровень громкости медиа, а также, когда уровень громкости устанавливается в “mute” (без звука)
onwaitingскриптСкрипт, запускаемый, когда медиа перестало воспроизводиться и ожидает возобновления

Ссылка на документ https://yadi.sk/i/2iWOvHS73QciR5

На этом всё!
Если у вас есть вопросы, пишите их в нашей группе - https://vk.com/progtime
Вы так же можете разместить свой вопрос на нашем форуме, где другие программисты смогут вам помочь в решение вашей задачи - https://vk.com/prog_time
В ней мы делимся своим опытом с другими начинающими программистами, поэтому обязательно ответим на ваш вопрос.
Так же прокачивайте свои навыки на нашем канале - https://www.youtube.com/c/ProgTime

70
Оставить комментарий

avatar
70 Цепочка комментария
0 Ответы по цепочке
0 Последователи
 
Популярнейший комментарий
Цепочка актуального комментария
67 Авторы комментариев
RonaldtowRonaldtowRobertBorRobertBorAbrahamAbugh Авторы недавних комментариев
  Подписаться  
новее старее большинство голосов
Уведомление о
StepFoush
Гость

Progesterone Medicine Next Day Delivery [url=http://apcialisle.com/#]tadalafil cialis from india[/url] Canadian Pills Cialis Donde Comprar Cialis Madrid

JanleF
Гость

Como Tomar Compra Kamagra [url=http://apcialisle.com/#]Cialis[/url] Tanning Amoxicillin Buy Cialis Propranolol Overseas Pharmacy

StepFoush
Гость

Zithromax Allergic Reaction Rash [url=https://apcialisle.com/#]Cialis[/url] Cialis Generique Levitra Cialis Lioresal Pas Cher 10mg

JanleF
Гость

Pvp Viagra [url=https://buyciallisonline.com/#]cialis generic canada[/url] About Keflex 500 cheapest cialis Viagra Online Nz

Bupbaipt
Гость
Bupbaipt

viagra online buy india pain meds online without doctor prescription buycialis.eu

Bupbaipt
Гость
Bupbaipt

cialis cheapest lowest price http://tadmedz.com buy cheap cialis online uk

JanleF
Гость

Amoxicillin While Pregnant [url=https://viacialisns.com/#]Cialis[/url] No Rx Discount Propecia Cialis Prednisone Without. Prescription

Bupbaipt
Гость
Bupbaipt

buy generic cialis in usa cialis online cheap cialis melbourne

Arturojep
Гость
Arturojep

buy cialis with mastercard viagra without prescription levitra professional cheapest

JimmyGoori
Гость
JimmyGoori

best website to order cialis generic ed pills buy authentic cialis

RaymondLem
Гость
RaymondLem

cialis price viagra without a doctor visit cialis sale antidoping

Harryraw
Гость
Harryraw

canadian pharmacy buy cialis professional http://alexa24ph.com – generic viagra 100mg viagra buy in bangkok

Harryraw
Гость
Harryraw

buy viagra with a mastercard http://aralenph.com – buy alaren generic generic viagra cheap shipping

Harryraw
Гость
Harryraw

buy cialis 5mg http://kaletra24.com – Ritonavir cheapest place to get cialis

BradleyAnync
Гость
BradleyAnync

buy cialis online in uk
viagra without a doctor prescription

BradleyAnync
Гость
BradleyAnync

cialis sale online
sildenafil

BradleyAnync
Гость
BradleyAnync

buy viagra online eu
buy sildenafil

BradleyAnync
Гость
BradleyAnync

buy brand levitra
viagra

BradleyAnync
Гость
BradleyAnync
BradleyAnync
Гость
BradleyAnync

cheapest cialis new zealand
buy sildenafil

BradleyAnync
Гость
BradleyAnync

ordering viagra online legal
buy sildenafil

BradleyAnync
Гость
BradleyAnync

cheap viagra jelly uk
buy sildenafil

MathewDaups
Гость
MathewDaups

cialis dosages
http://cialisxtl.com/ does viagra or cialis help with pe

MathewDaups
Гость
MathewDaups

buy cialis online canadian
http://cialisxtl.com/ cialis dosages

AndrewCig
Гость
AndrewCig

over counter viagra walgreens https://sildenafilprof.com
buy generic cialis uk

AndrewCig
Гость
AndrewCig

100mg viagra without a doctor prescription https://sildenafilprof.com
buy viagra kenya

Robertorell
Гость
Robertorell

cialis daily cialis vidalista

Robertorell
Гость
Robertorell

cialis coupons 2019 30 mg cialis what happens

RichardHap
Гость
RichardHap

viagra substitute over counter: alternative to viagra viagra sale lloyds

RichardHap
Гость
RichardHap

how long for viagra to take effect: viagra buy levitra online usa

MurrayVum
Гость
MurrayVum

cvs prescription prices without insurance ed meds online without prescription or membership
onlinepharmacyero.com ed meds online

MurrayVum
Гость
MurrayVum

legal to buy prescription drugs from canada meds online without doctor prescription
onlinepharmacyero.com buy prescription drugs without doctor

MurrayVum
Гость
MurrayVum

anti fungal pills without prescription prescription meds without the prescriptions
onlinepharmacyero.com viagra without a doctor prescription

MurrayVum
Гость
MurrayVum

prescription without a doctor’s prescription comfortis without vet prescription
onlinepharmacyero.com pain medications without a prescription

AndrewBog
Гость
AndrewBog

cialis coupon code cheap cialis

AndrewBog
Гость
AndrewBog

cialis dosage cialis generic

treantinc
Гость
treantinc

Levaquin Express Delivery Kakerent [url=https://bbuycialisss.com/#]Buy Cialis[/url] fadiappept Viagra Entrega 24h groongendodo best cialis online CaunninkCify venta viagra mendoza

RobertoLem
Гость
RobertoLem

viagra coupons viagra prices

RobertoLem
Гость
RobertoLem

viagra vs cialis viagra coupons 75% off

Michaelnatty
Гость
Michaelnatty

cheapest viagra generic viagra pills

Michaelnatty
Гость
Michaelnatty

how to take viagra for maximum effect viagra pills

Michaelnatty
Гость
Michaelnatty

viagra for men viagra prices

Gabrieldak
Гость
Gabrieldak

what is cialis used for: buy cialis online

Gabrieldak
Гость
Gabrieldak

buy cialis online canadian: cialis generic

DanielEntex
Гость
DanielEntex

discount prescription drugs best pills for ed

LesterRuild
Гость
LesterRuild

canadian viagra buy viagra online cheap

RobertEpiva
Гость
RobertEpiva

buy wellbutrin sr wellbutrin 300 mg pill

RobertEpiva
Гость
RobertEpiva

paxil weight loss paxil for panic attacks

RobertEpiva
Гость
RobertEpiva

propecia 5mg for sale propecia generic finasteride

GregoryNup
Гость
GregoryNup

cbd oil online: cbd oil walmart