Вы когда-нибудь задумывались, что происходит, когда вы нажимаете что-то в браузере? Например, когда вы нажимаете на картинку, и что-то всплывает на экране? Это пример события JavaScript!
JavaScript дает нашему браузеру возможность «прислушиваться» к вещам (событиям), которые происходят внутри него. Затем эти события запускают какую-то работу, например функцию, которая выполняется при их обнаружении.
Некоторые из наиболее распространенных событий классифицируются как события мыши, например 'click'
, 'scroll'
, 'right-click'
или даже 'mouseover'
. Другие распространенные события включают keypress
события и отправку форм.
В приведенном выше примере функция addClicksToLinks содержит два разных прослушивателя событий, хотя они прослушивают один и тот же тип события, но ищут разные элементы.
Слушатель события «книги» будет прослушивать «щелчок» по любым элементам списка, которые содержат ссылку с классом «книги»; слушатель «авторы» прослушивает ссылку с классом «авторов». При щелчке по соответствующей книге или автору запускается функция showBook
или showAuthor
соответственно.
В качестве примера события другого типа строка 128 в приведенном выше примере прослушивает событие 'submit'
; обычно это происходит при отправке формы. Событие отправки из этого прослушивателя событий вызовет запуск функции createBook
.
Это всего лишь небольшая выборка типов событий JavaScript; более полный список событий можно найти здесь: https://developer.mozilla.org/en-US/docs/Web/Events.