Tapahtumaobjekti event jQueryssä
Nyt aloitamme tutustumisen tapahtumiin jQueryssä.
Kun tapahtuma laukeaa jQueryssä,
syntyy tapahtumaobjekti
event,
joka sisältää kaiken sen tiedon. Tämä
objekti välitetään käsittelijäfunktiolle.
Esimerkiksi, selvitetäänmille tagille klikkaamme. Otetaan seuraava HTML-koodi:
<body>
<div id="text"></div>
<div>
<p>
<strong><span>click</span></strong>
</p>
</div>
</body>
CSS näyttää seuraavalta:
span, strong, p {
display: block;
padding: 10px;
border: 1px solid black;
}
Käytetään nyt ominaisuutta
event.target.nodeName objektimme
event, joka puolestaan välitämme
käsittelijäfunktiolle metodissa click:
$('body').click(function(event) {
$('#text').html('clicked: ' + event.target.nodeName);
});
Objekti event sisältää lukuisia ominaisuuksia
ja metodeja.
