Обработка событий

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

Функции при клике

Чтобы выполнить событие по клику, надо добавить функцию onclick.

Например, давайте при клике на кнопку, отобразим всплывающее окно.


<button onclick="alert('Привет')">Кликни</button>

Или давайте например при клике отобразим сегодняшнюю дату.


<button id="date" onclick="date()">Кликни</button>

<script>
 function date() {
     var date = document.getElementById('date');
     var now = new Date();
     alert(now);
 }
</script>

Функции при заргузке страницы

Функцию onload используется когда пользователь зашел на страницу.


 window.onload = function() {
 //код
 }

Приемник событий

Метод addEventListener() добавляет обработчик событий к элементу. Давайте например добавим функцию клика


 elem.addEventListener("click", function() {
 //код
 }

Все события

onclick-выполняется при щелчке левой кнопкой мыши на элементе.

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

onchange-выполняется при изменение значения элемента формы.

onmousedown-выполняется при нажатие левой кнопки мыши.

onmouseup-выполняется, когда левая кнопка мыши отпущена.

onsubmit-выполняется, когда форма отправлена.

onunload-выполняется при закрытие окна.