JavaScript с нуля

Что такое события?

На высоком уровне все создаваемое нами может быть смоделировано следующей инструкцией:

Когда___ совершится, то____

Мы можем заполнить пробелы этой инструкции великим множеством способов. Первый пробел описывает то, что происходит, а второй уже описывает реакцию на это. Вот некоторые примеры с заполненными пробелами:

Когда страница будет загружена, начнется воспроизведение видео с кошкой, скользящей на картоне.

Когда произойдет щелчок, покупка будет отправлена.

Когда ЛКМ будет освобождена, вылетит гигантская / не очень довольная птичка.

Когда клавиша удаления будет нажата, файл отправится в корзину.

Когда произойдет касание, к фотографии будет применен старый фильтр.

Когда файл будет загружен, обновится индикатор выполнения.

Эта обобщенная модель применима ко всему коду, который мы с вами написали. Она также применима ко всему коду, который написали для своих приложений наши друзья-разработчики/дизайнеры. От этой модели никуда не деться, поэтому и смысла противиться ей нет. Наоборот, следует хорошенько познакомиться с важным и очень талантливым представителем этой модели — событием.

Событие — это не более чем сигнал. Оно сообщает о том, что что-то только что произошло. Это что-то может быть щелчком мыши, нажатием клавиши клавиатуры, изменением размера окна или загрузкой документа. Главное здесь — понять, что этим сигналом могут послужить сотни встроенных в JavaScript явлений, равно как бессчетное множество отдельных пользовательских решений, созданных под конкретное приложение.

Вернемся к нашей модели, где события составляют первую ее половину:

Событие определяет то, что происходит, и передает сигнал. Вторая часть модели определяет реакцию на это событие:

При этом какая польза от сигнала, если кто-то где-то не ожидает его, чтобы предпринять соответствующее действие? Хорошо, теперь, когда у нас есть высокоуровневое представление о том, что такое событие, давайте поглядим на их жизнь в природном заповеднике JavaScript.