L'objet d'événement event en jQuery
Et maintenant, nous commençons à nous familiariser avec les événements en jQuery.
Lorsqu'un événement se déclenche en jQuery,
un objet d'événement
event
est généré,
qui contient toutes les informations le concernant. Cet
objet est transmis à la fonction de gestionnaire.
Par exemple, découvrons sur quelle balise nous cliquons. Prenons le code HTML suivant :
<body>
<div id="text"></div>
<div>
<p>
<strong><span>click</span></strong>
</p>
</div>
</body>
Le CSS ressemble à ceci :
span, strong, p {
display: block;
padding: 10px;
border: 1px solid black;
}
Maintenant, utilisons la propriété
event.target.nodeName de notre objet
event, que nous transmettons à son tour
à la fonction gestionnaire de la méthode click :
$('body').click(function(event) {
$('#text').html('clicked: ' + event.target.nodeName);
});
L'objet event contient de nombreuses propriétés
et méthodes.
