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:
<body>
<div id="text"></div>
<div>
<p>
<strong><span>click</span></strong>
</p>
</div>
</body>
El CSS se ve así:
span, 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:
$('body').click(function(event) {
$('#text').html('clicked: ' + event.target.nodeName);
});
El objeto event contiene muchas propiedades
y métodos.
