Обработчики разных событий в JavaScript
Кроме клика по элементу, существуют и другие
события. Например, с помощью события dblclick
можно отловить двойной клик по элементу,
с помощью события mouseover - наведение
курсора на элемент, а с помощью события mouseout
- уход курсора с элемента.
При этом к одному элементу можно привязывать обработчики различных типов событий. Давайте, например, привяжем к одному элементу реакцию на наведение курсора и реакцию на уход:
button.addEventListener('mouseover', function() {
console.log('1');
});
button.addEventListener('mouseout', function() {
console.log('2');
});
Дана кнопка. По двойному клику по ней выведите какое-нибудь сообщение.
Дана кнопка. По наведению на нее выведите какое-нибудь сообщение.
Дана кнопка. По уходу курсора с нее выведите какое-нибудь сообщение.
Дана кнопка. По наведению на нее выведите одно сообщение, а по уходу с нее - другое.
