Rukovaoci različitih događaja u JavaScript
Pored klika na element, postoje i drugi
dogadjaji. Na primer, pomoću događaja dblclick
možemo da uhvatimo dupli klik na element,
pomoću događaja mouseover - prelazak
kursora preko elementa, a pomoću događaja mouseout
- izlazak kursora sa elementa.
Pri tome, na jedan element možemo vezati rukovaoce različitih tipova događaja. Hajde da, na primer, vežemo na jedan element reakciju na prelazak kursora i reakciju na izlazak:
javascriptbutton.addEventListener('mouseover', function() {
console.log('1');
});
button.addEventListener('mouseout', function() {
console.log('2');
});
Задание 1
Data je dugme. Na dupli klik na nju ispišite neku poruku.
Задание 2
Data je dugme. Na prelazak kursora preko nje ispišite neku poruku.
Задание 3
Data je dugme. Na izlazak kursora sa nje ispišite neku poruku.
Задание 4
Data je dugme. Na prelazak kursora preko nje ispišite jednu poruku, a na izlazak sa nje - drugu.