Καθολική μέθοδος on στο jQuery

Για τη σύνδεση συμβάντων μπορείτε επίσης να χρησιμοποιήσετε την καθολική μέθοδο on. Ως πρώτη παράμετρο δέχεται το όνομα του συμβάντος (για παράδειγμα, 'click'), και ως δεύτερη - τη συνάρτηση που πρέπει να συνδεθεί.

Ας δούμε ένα παράδειγμα με τον ακόλουθο κώδικα HTML:

<ul>
	<li>κείμενο</li>
	<li>κείμενο</li>
	<li>κείμενο</li>
</ul>

Το CSS φαίνεται ως εξής:

li {
	width: 100px;
	cursor: pointer;
}

Τώρα ας ξαναγράψουμε τον κώδικα για τα li, τον οποίο γράψαμε νωρίτερα μέσω της μεθόδου on. Για να ελέγξετε τη λειτουργία κάντε κλικ στα στοιχεία της λίστας:

$('li').on('click', function() {
	$(this).append('!');
});

Μπορείτε ταυτόχρονα να συνδέσετε μια συνάρτηση σε πολλούς τύπους συμβάντων - για αυτό πρέπει να τους απαριθμήσετε με κενό: 'click mousemove κ.λπ.'. Για παράδειγμα, έτσι:

$('li').on('click mousemove', function func() {
	$(this).append('!');
});

Συνδέστε σε όλους τους συνδέσμους το συμβάν - όταν ο δείκτης του ποντικιού βρίσκεται πάνω από έναν σύνδεσμο, στο τέλος του κειμένου του προσθέτεται το href του σε στρογγυλές παρενθέσεις.

Συνδέστε σε όλα τα πεδία εισαγωγής το συμβάν - όταν χάσει το focus, κάθε πεδίο εισαγωγής εμφανίζει την value του στην παράγραφο με id=#test.