Другие типы событий в JavaScript

Кроме клика по элементу, существуют и другие события. Например, с помощью события dblclick можно отловить двойной клик по элементу, с помощью события mouseover - наведение курсора на элемент, а с помощью события mouseout - уход курсора с элемента.

Дана кнопка. По двойному клику по ней выведите на экран какое-нибудь сообщение.

Дана кнопка. По наведению на нее выведите на экран какое-нибудь сообщение.

Дана кнопка. По уходу курсора с нее выведите на экран какое-нибудь сообщение.

Ловим несколько событий на элементе

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

button.addEventListener('mouseover', function() { alert('1'); // выведет по наведению }); button.addEventListener('mouseout', function() { alert('2'); // выведет по уходу курсора });

Дана кнопка. По клику на нее выведите число 1, а по двойному клику - число 2.