Метод addEventListener позволяет назначить на элемент обработчики событий (таких как click, keyup и др.).

С его помощью, можно указать, например, что делать при клике по кнопке, или что делать при наборе текста в текстовом поле.

Список названий событий смотрите тут типы событий.

См. урок продвинутая работа с событиями в JavaScript из учебника JavaScript для более полного понимания.

См. также метод removeEventListener, с помощью которого можно отвязать ранее привязанное событие.

Синтаксис

элемент.addEventListener('тип события', функция);

Примеры

Пример

Сделаем так, чтобы при клике на кнопку выводилось сообщение:

<input type="button" id="button" value="Нажмите на кнопку">
var button = document.getElementById('button');

button.addEventListener('click', function() {
	alert('Вы кликнули по кнопке!');
});

Результат выполнения кода: