События: основы

Для реакции на действия посетителя и внутреннего взаимодействия скриптов существуют события.

Событие - это сигнал от браузера о том, что что-то произошло.

Когда обработчик запускается, браузер создает «объект события» с информацией о том, что и где произошло.

В обработчике его можно получить и прочитать детали произошедшего из его свойств.

Элементы DOM могут быть вложены друг в друга. И каким-то образом, обработчик, привязанный к родителю срабатывает, даже есть вы кликнули по потомку.

Многие события влекут за собой действие браузера.

Например, клик по ссылке инициирует переход на новый URL, нажатие на кнопку «отправить» в форме — посылку ее на сервер, и т.п.

Если логика работы обработчика требует отменить действие браузера — это возможно.

В этой главе мы рассмотрим основные способы, как делать элемент невыделяемым.

Это бывает нужно в элементах управления, чтобы выделение браузера не мешало посетителю.

Если у вас есть много элементов, события на которых нужно обрабатывать похожим образом, то не стоит присваивать отдельный обработчик каждому.

Вместо этого, назначьте один обработчик общему родителю. Из него можно получить целевой элемент event.target, понять на каком потомке произошло событие и обработать его.

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