Sündmuse objekti event jQuery-s

Nüüd aga asume tutvuma sündmustega jQuery-s.

Sündmuse toimimisel jQuery-s genereeritakse sündmuse objekt event, mis sisaldab kogu selle kohta käivat teavet. See objekt antakse edasi töötlejafunktsioonile.

Näiteks uurime, millisele siltile me klõpsame. Võtame järgmise HTML-koodi:

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

CSS näeb välja järgmine:

cssspan, strong, p {
  display: block;
  padding: 10px;
  border: 1px solid black;
}

Nüüd kasutame omadust event.target.nodeName meie objektil event, mis omakorda antakse edasi töötlejafunktsioonile meetodis click:

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

Objekt event sisaldab palju omadusi ja meetodeid.