Работая с такими технологиями как Javascript или каскадные таблицы стилей CSS, очень часто приходится сталкиваться с таким определением, как событие на веб-странице.

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

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

Предположим, какой-то человек появился на этот Свет. Самым главным событием в его жизни является момент его рождения. Потом он пошел в школу, это тоже является событием. Потом он пошел в институт - это тоже событие. Все это является событиями. Т.е. какие-то важные изменения в жизни человека, которые происходят с течением времени.

Аналогично, если мы говорим о веб-страницах, то здесь тоже есть так называемые события. Т.е. важные изменения, которые происходят с течением времени. 

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

Т.е. все важные изменения, которые производит пользователь на веб-странице, являются событиями. 

Событие - это определенное действие, которое совершил пользователь на веб-странице в определенный момент времени.

Зачем нужны события? Зачем их нужно отслеживать?

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

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

Также можно выполнять какие-то действия в определенный момент ввода какого-то текста на веб-странице. Например, запретить ввод каких-то определенных символов. 

Главная идея в этом. Берем событие и привязываем к нему какой-то программный код. Основным инструментом для работы с событиями в браузере является Javascript. Т.е. клиентский язык веб-программирования, который позволяет отслеживать эти самые события, которые произвел пользователь и мы можем "навесить" на эти события какой-то Javascript код.

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

Напишите в комментариях примеры ситуаций, когда вам может понадобиться работа с событиями в Javascript. Где вы это будете использовать?

Готовим базу знаний для новой категории навыков, которые нужны веб-программисту. Как это организую я, можно посмотреть здесь