Το αντικείμενο συμβάντος event στο jQuery

Τώρα θα αρχίσουμε να γνωρίζουμε τα συμβάντα στο jQuery.

Όταν ενεργοποιείται ένα συμβάν στο jQuery δημιουργείται ένα αντικείμενο συμβάντος event, που περιέχει όλες τις πληροφορίες σχετικά με αυτό. Αυτό το αντικείμενο περνάει στη λειτουργία χειρισμού.

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

<body>
	<div id="text"></div>
	<div>
		<p>
			<strong><span>click</span></strong>
		</p>
	</div>
</body>

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

span, strong, p {
	display: block;
	padding: 10px;
	border: 1px solid black;
}

Τώρα ας χρησιμοποιήσουμε την ιδιότητα event.target.nodeName του αντικειμένου μας event, το οποίο με τη σειρά του το περνάμε στη λειτουργία χειρισμού της μεθόδου click:

$('body').click(function(event) {
	$('#text').html('clicked: ' + event.target.nodeName);
});

Το αντικείμενο event περιέχει πολλές ιδιότητες και μεθόδους.

event