Objeto de evento event em jQuery
Agora vamos começar a nos familiarizar com eventos em jQuery.
Quando um evento é acionado em jQuery,
um objeto de evento
event é gerado,
que contém todas as informações sobre ele. Este
objeto é passado para a função de manipulação.
Por exemplo, vamos descobrir em qual tag clicamos. Vamos pegar o seguinte código HTML:
<body>
<div id="text"></div>
<div>
<p>
<strong><span>click</span></strong>
</p>
</div>
</body>
O CSS fica assim:
span, strong, p {
display: block;
padding: 10px;
border: 1px solid black;
}
Agora vamos usar a propriedade
event.target.nodeName do nosso objeto
event, que por sua vez passamos
para a função de manipulação do método click:
$('body').click(function(event) {
$('#text').html('clicked: ' + event.target.nodeName);
});
O objeto event contém muitas propriedades
e métodos.
