Χειριστές διαφορετικών γεγονότων στο JavaScript

Εκτός από το κλικ σε ένα στοιχείο, υπάρχουν και άλλα γεγονότα. Για παράδειγμα, χρησιμοποιώντας το γεγονός dblclick μπορείτε να ανιχνεύσετε το διπλό κλικ σε ένα στοιχείο, χρησιμοποιώντας το γεγονός mouseover - την τοποθέτηση του δρομέα πάνω στο στοιχείο, και χρησιμοποιώντας το γεγονός mouseout - την απομάκρυνση του δρομέα από το στοιχείο.

Ταυτόχρονα, σε ένα στοιχείο μπορούν να συνδεθούν χειριστές διαφορετικών τύπων γεγονότων. Ας συνδέσουμε, για παράδειγμα, σε ένα στοιχείο την αντίδραση στην τοποθέτηση του δρομέα και την αντίδραση στην απομάκρυνση:

button.addEventListener('mouseover', function() {
	console.log('1');
});
button.addEventListener('mouseout', function() {
	console.log('2');
});

Δίνεται ένα κουμπί. Στο διπλό κλικ πάνω του εμφανίστε κάποιο μήνυμα.

Δίνεται ένα κουμπί. Στην τοποθέτηση του δρομέα πάνω του εμφανίστε κάποιο μήνυμα.

Δίνεται ένα κουμπί. Στην απομάκρυνση του δρομέα από αυτό εμφανίστε κάποιο μήνυμα.

Δίνεται ένα κουμπί. Στην τοποθέτηση του δρομέα πάνω του εμφανίστε ένα μήνυμα, και στην απομάκρυνση από αυτό - ένα άλλο.