Список атрибутов для событий в JavaScript

Любому 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 Происходит прокрутка страницы или элемента.
MouseDC.ru - хостинг, виртуальный хостинг, покупка доменов, проверка доменов, WHOIS, покупка SSL сертификатов, доработка сайтов, сопровождение сайтов, разработка сайтов, техподдержка сайтов
Была ли эта статья полезна? Есть вопрос?
Cмотрите другие статьи: