Objeto de evento event en jQuery

Ahora procederemos a familiarizarnos con los eventos en jQuery.

Cuando se activa un evento en jQuery se genera un objeto de evento event, que contiene toda la información sobre él. Este objeto se pasa a la función manejadora.

Por ejemplo, averigüemos en qué etiqueta hacemos clic. Tomemos el siguiente código HTML:

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

El CSS se ve así:

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

Ahora usemos la propiedad event.target.nodeName de nuestro objeto event, que a su vez pasamos a la función manejadora del método click:

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

El objeto event contiene muchas propiedades y métodos.