Hendelsesobjektet event i jQuery
Nå skal vi begynne å bli kjent med hendelser i jQuery.
Når en hendelse utløses i jQuery
genereres et hendelsesobjekt
event,
som inneholder all informasjon om den. Dette
objektet sendes til behandlingsfunksjonen.
La oss for eksempel finne ut hvilken tagg vi klikker på. La oss ta følgende HTML-kode:
<body>
<div id="text"></div>
<div>
<p>
<strong><span>click</span></strong>
</p>
</div>
</body>
CSS ser slik ut:
span, strong, p {
display: block;
padding: 10px;
border: 1px solid black;
}
La oss nå bruke egenskapen
event.target.nodeName til vårt objekt
event, som vi igjen sender
til behandlingsfunksjonen til metoden click:
$('body').click(function(event) {
$('#text').html('clicked: ' + event.target.nodeName);
});
Objektet event inneholder mange egenskaper
og metoder.