Вы когда-нибудь задумывались, что происходит, когда вы нажимаете что-то в браузере? Например, когда вы нажимаете на картинку, и что-то всплывает на экране? Это пример события JavaScript!

JavaScript дает нашему браузеру возможность «прислушиваться» к вещам (событиям), которые происходят внутри него. Затем эти события запускают какую-то работу, например функцию, которая выполняется при их обнаружении.

Некоторые из наиболее распространенных событий классифицируются как события мыши, например 'click', 'scroll', 'right-click' или даже 'mouseover'. Другие распространенные события включают keypress события и отправку форм.

В приведенном выше примере функция addClicksToLinks содержит два разных прослушивателя событий, хотя они прослушивают один и тот же тип события, но ищут разные элементы.

Слушатель события «книги» будет прослушивать «щелчок» по любым элементам списка, которые содержат ссылку с классом «книги»; слушатель «авторы» прослушивает ссылку с классом «авторов». При щелчке по соответствующей книге или автору запускается функция showBook или showAuthor соответственно.

В качестве примера события другого типа строка 128 в приведенном выше примере прослушивает событие 'submit'; обычно это происходит при отправке формы. Событие отправки из этого прослушивателя событий вызовет запуск функции createBook.

Это всего лишь небольшая выборка типов событий JavaScript; более полный список событий можно найти здесь: https://developer.mozilla.org/en-US/docs/Web/Events.