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:

html<body>
  <div id="text"></div>
  <div>
    <p>
      <strong><span>click</span></strong>
    </p>
  </div>
</body>

CSS näyttää seuraavalta:

cssspan, 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:

javascript$('body').click(function(event) {
  $('#text').html('clicked: ' + event.target.nodeName);
});

Objekti event sisältää lukuisia ominaisuuksia ja metodeja.