L'oggetto evento event in jQuery
Ed ora inizieremo a familiarizzare con gli eventi in jQuery.
Quando un evento viene attivato in jQuery
viene generato un oggetto evento
event,
che contiene tutte le informazioni su di esso. Questo
oggetto viene passato alla funzione di gestione.
Ad esempio, scopriamo su quale tag stiamo cliccando. Prendiamo il seguente codice HTML:
<body>
<div id="text"></div>
<div>
<p>
<strong><span>click</span></strong>
</p>
</div>
</body>
Il CSS appare come segue:
span, strong, p {
display: block;
padding: 10px;
border: 1px solid black;
}
Ora utilizziamo la proprietà
event.target.nodeName del nostro oggetto
event, che a sua volta passiamo
alla funzione di gestione del metodo click:
$('body').click(function(event) {
$('#text').html('clicked: ' + event.target.nodeName);
});
L'oggetto event contiene molte proprietà
e metodi.
