Браузерные события в Javascript

Цикл статей «Учебник Javascript».

Следующая статья — «».
Предыдущая статья — «Javascript document.getElementById».

Javascript позволяет обрабатывать события клавиатуры (нажатие, отпускание клавиши), мышки (клики, перемещение) и некоторые другие.

На текущий момент на чистом Javascript практически никто не пишет, так как все используют jQuery либо какие-нибудь другие библиотеки. Поэтому в этой статье я лишь кратко опишу основные события, которые могут быть вам полезны.

Все события принимают в качестве параметра объект Event. Он имеет разные свойства в зависимости от события.

События добавляются к элементу с помощью функции addEventListener:

Либо с помощью атрибутов:

 

Основные события

DOMContentLoaded
Событие DOMContentLoaded возникает после окончательной загрузки и парсинга HTML-документа, не дожидаясь загрузки стилей, картинок и фреймов.

load
Возникает после полного окончания загрузки ресурса (всех картинок, стиле и прочего).

События мышки

Для событий мышки объект Event, передаваемый в обработчики имеет следующие полезные свойства:
altKey — true при зажатой Alt, в противном случае false;
ctrlKey — true при зажатой клавише Ctrl, иначе — false.
button — обозначает нажатую кнопку: 0 — левая, 1 — колёсико, 2 — правая;
clientX, clientY — координаты указателя мышки относительно области просмотра окна браузера.
pageX, pageY — координаты указателя мышки относительно всего документа.

click
Возникает при клике на элементе.

dblclick
Возникает при двойном клике на элементе.

mouseup
Возникает при отпускании кнопки мышки при нахождении курсора мышки на элементе.

mousedown
Возникает при нажатии кнопки мышки при нахождении курсора мышки на элементе.

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

Для событий клавиатуры есть следующие полезные свойства объекта Event, передаваемого в обработчик:
altKey — true при зажатой клавише Alt. В противном случае — false.
ctrlKey — true при зажатой клавише Ctrl. В противном случае — false.
shiftKey — true при зажатой клавише Shift. В противном случае равно false.
key — строка с нажатой клавишей.

keydown
Возникает при нажатии клавиши.

keyup
Возникает при отпускании нажатой клавиши.

keypress
При нажатии любой символьной клавиши (клавиши с буквами).

 

Цикл статей «Учебник Javascript».

Следующая статья — «».
Предыдущая статья — «Javascript document.getElementById».

Браузерные события в Javascript: 2 комментария

  1. > clientX, clientY — координаты указателя мышки внутри элемента
    Вообще-то это координаты относительно области просмотра браузера. Исправьте, пожалуйста.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *