Любому HTML элементу можно сделать атрибут, который будет выполнять определённый JavaScript код при заданном условии. К примеру, если необходимо назначить событие на клик по элементу, то необходимо использовать атрибут "onclick":
<div onclick="MyFunc()">Кликни на меня!</div>
<script>
function MyFunc() {
alert( 'Тише, мыши, кот на крыше' );
}
</script>
- при клике на "Кликни на меня!" выполнится функция "MyFunc" и откроется всплывающее окно с надписью "Тише, мыши, кот на крыше".
Далее в таблице собраны названия атрибутов в зависимости от условий событий.
События мыши
| Атрибут |
Описание |
| onclick |
Клик мыши на элементе (событие срабатывает после того, как кнопка мыши отпущена).
|
| ondblclick |
Сделан двойной щелчок.
|
| onmousedown |
Кнопка мыши нажата.
|
| onmouseup |
Кнопка мыши отжата.
|
| onmouseover |
Указатель мыши находится над элементом.
|
| onmousemove |
Указатель мыши движется над элементом.
|
| onmouseout |
Указатель мыши двигался над элементом, но ушёл с него.
|
События клавиатуры
| Атрибут |
Описание |
| onkeydown |
Зажата кнопка на клавиатуре.
|
| onkeypress |
Тоже что и "onkeydown", но и кнопка зажимается настолько долго, что происходит повторный набор символа.
|
| onkeyup |
Была отпущена нажатая кнопка.
|
События полей, форм и страницы
| Атрибут |
Описание |
| onsubmit |
Форма начала отправляться (нажата кнопка "submit"), но переадресация на страницу в атрибуте "action" ещё не началась.
|
| onchange |
Содержимое элемента изменилось (срабатывает в том числе, если изменились значение атрибутов).
|
| onselect |
Текст или дочерние элементы выделены.
|
| onfocus |
Элемент получил фокус. К примеру, клик по текстовому полю даёт на него фокус и можно набирать текст
|
| onblur |
Элемент потерял фокус.
|
| onload |
Завершена загрузка страницы в браузере.
|
| onunload |
Страница в браузере закрывается или происходит переход на другую страницу по ссылке.
|
| onscroll |
Происходит прокрутка страницы или элемента.
|
