Zpracování různých událostí v JavaScriptu
Kromě kliknutí na prvek existují i další
události. Například pomocí události dblclick
lze zachytit dvojité kliknutí na prvek,
pomocí události mouseover - najetí
kurzoru na prvek, a pomocí události mouseout
- opuštění prvku kurzorem.
Zároveň lze k jednomu prvku připojit handlery různých typů událostí. Pojďme například k jednomu prvku připojit reakci na najetí kurzoru a reakci na opuštění:
button.addEventListener('mouseover', function() {
console.log('1');
});
button.addEventListener('mouseout', function() {
console.log('2');
});
Je dáno tlačítko. Při dvojitém kliknutí na něj vypište nějakou zprávu.
Je dáno tlačítko. Při najetí na něj vypište nějakou zprávu.
Je dáno tlačítko. Při opuštění kurzoru z něj vypište nějakou zprávu.
Je dáno tlačítko. Při najetí na něj vypište jednu zprávu, a při opuštění z něj - druhou.
