Objektet event i jQuery
Nu skal vi til at stifte bekendtskab med events i jQuery.
Når en event udløses i jQuery,
genereres et event-objekt
event,
som indeholder alle oplysninger om den. Dette
objekt overføres til håndteringsfunktionen.
For eksempel, lad os finde ud af hvilket tag vi klikker på. Lad os tage følgende HTML-kode:
<body>
<div id="text"></div>
<div>
<p>
<strong><span>click</span></strong>
</p>
</div>
</body>
CSS ser således ud:
span, strong, p {
display: block;
padding: 10px;
border: 1px solid black;
}
Lad os nu bruge egenskaben
event.target.nodeName fra vores
event-objekt, som vi sender
til håndteringsfunktionen for metoden click:
$('body').click(function(event) {
$('#text').html('clicked: ' + event.target.nodeName);
});
Objektet event indeholder mange egenskaber
og metoder.