Все обработчики событий JavaScript - полный список с описанием

21.08.18 ИТ / JavaScript 15199

Для оживления веб-страниц широко используется язык JavaScript. В этом языке существуют специальные события, которые происходят в определенный момент времени при выполнении каких-либо действий. Обработчиков событий достаточно много, также были введены новые HTML5 обработчики событий.

Полный список обработчиков событий приводится ниже. Выполнение кода обработчика запускается, когда выполнено условие:

• onabort – прерывание воспроизведения;
• onafterprint – закончена печать;
• onautocomplete – выполнено автозаполнение формы;
• onautocompleteerror – ошибка при автозаполнении формы;
• onbeforeprint – подготовка к печати;
• onbeforeunload - документ выгружен;
• onblur – потеря фокуса;
• oncancel – отмена действия;
• oncanplay - можно начать воспроизведение указанного медиа-файла;
• oncanplaythrough - можно начать воспроизведение указанного медиа-файла без необходимости остановки для буферизации;
• onchange – изменение значения;
• onclick – клик на элементе;
• onclose – закрытие чего-либо;
• oncontextmenu – открытие контекстного меню;
• oncopy – выполнено копирование;
• oncuechange - изменение метки в элементе track;
• oncut – выполнено вырезание контента;
• ondblclick – двойной клик на элементе;
• ondrag - перетаскивание элемента;
• ondragend - перетаскивание элемента завершено;
• ondragenter - элемент перетаскивается в допустимую целевую зону;
• ondragexit – выход из режима перетаскивания;
• ondragleave - элемент оставляет допустимую цель;
• ondragover - элемент перетаскивается по допустимой целевой точке;
• ondragstart – начало операции перетаскивания;
• ondrop – перетаскиваемый элемент отпущен;
• ondurationchange - изменение длины носителя;
• onemptied – файл неожиданно стал недоступен;
• onended – воспроизведение завершено;
• onerror – произошла ошибка;
• onfocus – установка фокуса на элементе;
• onhashchange - изменение привязки части адреса;
• oninput – начало ввода данных;
• oninvalid – элемент поврежден;
• onkeydown – нажата клавиша;
• onkeypress - нажата клавиша и затем отпущена;
• onkeyup – отпущена клавиша;
• onload – элемент загружен;
• onloadeddata – загружены данные файла;
• onloadedmetadata – загружены метаданные файла;
• onloadstart – начало загрузки элемента;
• onmessage - появление сообщения;
• onmousedown – нажата клавиша мыши;
• onmouseenter – указатель мыши наведен на элемент;
• onmouseleave – указатель мыши покинул элемент;
• onmousemove - указатель мыши перемешен над элементом;
• onmouseout - указатель мыши перемещается из элемента;
• onmouseover - указатель мыши перемещается по элементу;
• onmouseup - кнопка мыши отпускается над элементом;
• onmousewheel (onwheel) – использовано колесико мыши;
• onoffline – браузер запущен в оффлайн режиме;
• ononline – браузер запущен в онлайн режиме;
• onpagehide - пользователь переходит от страницы;
• onpageshow - пользователь переходит на страницу;
• onpaste – выполнена вставка контента;
• onpause – приостановка воспроизведения;
• onplay – начало воспроизведения;
• onplaying – воспроизведения файла;
• onpopstate - изменение истории окна;
• onprogress – получение метаданных файла;
• onratechange - изменение скорости воспроизведения;
• onreset – выполнен сброс данных;
• onresize – изменение размера элемента;
• onscroll – прокрутка содержимого элемента;
• onsearch – выполнен поиск;
• onseeked - поиск закончился;
• onseeking – поиск активен;
• onselect – выбор некоторого текста или значения;
• onshow – показ элемента;
• onsort – выполнение сортировки;
• onstalled - браузер не может получить мультимедийные данные по любой причине;
• onstorage – обновлено веб-хранилище;
• onsubmit – подтверждение отправки данных формы;
• onsuspend – остановка извлечения метаданных;
• ontimeupdate – изменение позиции (времени) воспроизведения файла, то есть перемотка файла;
• ontoggle - пользователь открывает или закрывает элемент details;
• onunload – загрузка выполнена, после чего произошло закрытие документа;
• onvolumechange – громкость изменена;
• onwaiting – ожидание восстановления воспроизведения.

Обработчики событий следует использовать правильным образом, желательно не писать их напрямую в атрибутах тегов, а устанавливать обработчики событий в подключаемых файлах с JavaScript-кодом. Если используется библиотека jQuery, то название обработчиков необходимо писать без префикса on. Таким образом, были рассмотрены все обработчики событий JavaScript, приведен полный список событий с описанием.