Пример JavaScript HTML событие

пример использования JavaScript для реагирования на события.

события ввода

onblur - когда пользователь покидает поле ввода
onchange - когда пользователь изменяет содержимое поля ввода
onchange - когда пользователь выбирает значение из выпадающего списка
onfocus - когда поле ввода получает фокус
onselect - когда текстовое поле выбрано
onsubmit - когда пользователь нажимает кнопку отправки
onreset - когда пользователь нажимает кнопку сброса
onkeydown - когда пользователь нажимает/держит клавишу
onkeypress - когда пользователь нажимает/держит клавишу
onkeyup - когда пользователь отпускает клавишу
onkeyup - когда пользователь отпускает клавишу
onkeydown vs onkeyup - оба

события мыши

onmouseover/onmouseout - когда указатель мыши проходит над элементом
onmousedown/onmouseup - когда нажата/отпущена кнопка мыши
onmousedown - когда нажата мышь: подсказка о том, какой элемент был нажат
onmousedown - когда щелкается мышь: подсказка о том,哪个 кнопка была нажата
onmousemove/onmouseout - когда курсор указателя мыши перемещается на div или خارج div
onmouseover/onmouseout - когда курсор указателя мыши перемещается на изображение или خارج изображения
onmouseover - когда курсор наводится на изображение карты

Событие щелчка

Реакция на событие onclick
onclick - когда щелкается кнопка
ondblclick - когда двойным щелчком по тексту

События загрузки

onload - после загрузки страницы
onload - после загрузки изображения
onerror - когда при загрузке изображения происходит ошибка
onunload - когда документ закрывается в браузере
onresize - когда размер окна браузера изменяется

Другое

Какой код клавиши?
Каковы координаты курсора?
Каковы координаты курсора относительно экрана?
Нажата ли клавиша shift?
Какой тип события произошло?

Объяснение примеров