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 :

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

Le CSS ressemble à ceci :

cssspan, 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 :

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

L'objet event contient de nombreuses propriétés et méthodes.