Обработувачи на различни настани во JavaScript

Покрај кликот на елемент, постојат и други настани. На пример, со помош на настанот dblclick може да се детектира двоен клик на елемент, со помош на настанот mouseover - поставување на курсорот на елемент, а со помош на настанот mouseout - тргнување на курсорот од елемент.

Притоа, на еден елемент може да се прикачат обработувачи за различни типови на настани. Ајде, на пример, да прикачиме на еден елемент реакција на поставување на курсорот и реакција на тргнување:

javascriptbutton.addEventListener('mouseover', function() {
  console.log('1');
});
button.addEventListener('mouseout', function() {
  console.log('2');
});
Задание 1

Дадено е копче. При двоен клик на него испечатете некоја порака.

Задание 2

Дадено е копче. При поставување на курсорот на него испечатете некоја порака.

Задание 3

Дадено е копче. При тргнување на курсорот од него испечатете некоја порака.

Задание 4

Дадено е копче. При поставување на курсорот на него испечатете една порака, а при тргнување од него - друга.