Основные типы событий в Javascript.


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

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

В видео есть основные типы событий, которые есть в Javascript, которые чаще всего используются. Конечно, это не все события, но, чаще всего, на практике вам придется встречаться именно с ними и пока на этапе знакомства с событиями этого будет вполне достаточно. 

Что же это за события. Давайте разберем каждое из них.

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

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

onmouseover - событие срабатывает при наведении курсора мыши на какой-то элемент.

onmouseout - срабатывает, когда пользователь отводит курсор мыши с какого-либо элемента.

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

onkeyup - событие противоположное onkeydown, когда пользователь отпустил какую-то клавишу клавиатуры после ее нажатия.

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

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

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

Комментарии: