Gestionarea diferitelor evenimente în JavaScript
Pe lângă clic pe un element, există și alte
evenimente. De exemplu, folosind evenimentul dblclick
se poate detecta dublu-clic pe element,
folosind evenimentul mouseover - plasarea
cursorului pe element, iar folosind evenimentul mouseout
- părăsirea elementului de către cursor.
În același timp, unui element i se pot atașa manipulatoare pentru diferite tipuri de evenimente. Să, de exemplu, atașăm la un element o reacție la plasarea cursorului și o reacție la părăsire:
button.addEventListener('mouseover', function() {
console.log('1');
});
button.addEventListener('mouseout', function() {
console.log('2');
});
Este dat un buton. La dublu-clic pe el afișați un mesaj.
Este dat un buton. La plasarea cursorului pe el afișați un mesaj.
Este dat un buton. La părăsirea lui de către cursor afișați un mesaj.
Este dat un buton. La plasarea cursorului pe el afișați un mesaj, iar la părăsirea lui - altul.