Μέθοδος on

Η μέθοδος on επιτρέπει την προσθήκη ενός χειριστή συμβάντων σε ένα στοιχείο. Για να αφαιρέσετε τον χειριστή μπορείτε να χρησιμοποιήσετε τη μέθοδο off, για να ενεργοποιηθεί το συμβάν μόνο μία φορά, και στη συνέχεια ο χειριστής να διαγραφεί αυτόματα - χρησιμοποιήστε τη μέθοδο one. Τα στοιχεία στα οποία δένεται ο χειριστής πρέπει να υπάρχουν κατά τη στιγμή της κλήσης της on.

Σύνταξη

Έτσι προσθέτουμε έναν χειριστή συμβάντων σε ένα στοιχείο, ως πρώτη παράμετρο σε μορφή συμβολοσειράς περνάμε ένα ή περισσότερα συμβάντα χωρισμένα με κενά, δεύτερη παράμετρο περνάμε έναν επιπλέον φιλτραρισμένο επιλογή απογόνων μέσα στο στοιχείο, τρίτη - πρόσθετα δεδομένα, τα οποία περνάνε στον χειριστή στην ιδιότητα event.data κατά την ενεργοποίηση του συμβάντος. Η δεύτερη και η τρίτη παράμετρος είναι προαιρετικές. Τέταρτη περνάμε τη συνάρτηση-χειριστή, στην οποία περνάται το αντικείμενο του συμβάντος και προαιρετικές πρόσθετες παράμετροι. Αν αντί για συνάρτηση-χειριστή περάσουμε false, τότε η συνάρτηση απλά θα επιστρέψει false:

$(επιλογή).on(συμβάντα, [επιλογή], [δεδομένα], συνάρτηση-χειριστής(αντικείμενο συμβάντος, [πρόσθετες παράμετροι]));

Μπορούμε να χρησιμοποιήσουμε τη μέθοδο on διαφορετικά, τότε στην πρώτη παράμετρο περνάται ένα αντικείμενο JavaScript, όπου τα κλειδιά - ο τύπος του συμβάντος, και οι τιμές - οι συναρτήσεις-χειριστές, που καλούνται για τα συμβάντα:

$(επιλογή).on({'τύπος συμβάντος': handler}, [επιλογή], [δεδομένα]);

Αν δεν περάσουμε επιπλέον επιλογή, τότε το συμβάν ενεργοποιείται στο στοιχείο στο οποίο προσαρτούμε τον χειριστή, αλλιώς - στο στοιχείο-απόγονο, που αντιστοιχεί σε αυτήν την επιλογή (αντιπροσωπευμένα συμβάντα). Ο ίδιος χειριστής συμβάντος μπορεί να δεθεί σε ένα στοιχείο πολλές φορές.

Παράδειγμα

Ας εμφανίσουμε σε alert, το κείμενο της παραγράφου με #test κατά το κλικ πάνω της, κλικ σε άλλες παραγράφους δεν θα οδηγήσουν πουθενά:

<p>κείμενο1</p>
<p id="test">κείμενο2</p>
<p>κείμενο3</p>

$('#test').on('click', function() {
	alert( $(this).text() );
});

Παράδειγμα

Ας εμφανίσουμε κατά το κλικ σε μια παράγραφο τα δεδομένα, που περάσαμε στη μέθοδο on. Θα χρησιμοποιήσουμε τη συνάρτηση-χειριστή testFunc, που δημιουργήσαμε:

<p>κλικ</p>

function testFunc(event) {
	alert(event.data.text);
}

$('p').on('click', {text: 'aaa'}, testFunc);

Δείτε επίσης

μέθοδος off,
που επιτρέπει την αφαίρεση ενός χειριστή συμβάντων από ένα στοιχείο
μέθοδος one,
που επιτρέπει στο συμβάν να ενεργοποιηθεί μία φορά, και στη συνέχεια να διαγραφεί αυτόματα ο χειριστής
αντικείμενο event,
που περιέχει πληροφορίες για το συμβάν
μέθοδος trigger,
που επιτρέπει την εκτέλεση όλων των χειριστών συμβάντων, που είναι δεσμευμένοι σε ένα στοιχείο για συμβάντα συγκεκριμένου τύπου
JavaScript μέθοδος bind,
που επιτρέπει τη δέσμευση του περιβάλλοντος σε μια συνάρτηση