Objekt udalosti event v jQuery

Teraz začneme so zoznámením sa s udalosťami v jQuery.

Pri spustení udalosti v jQuery sa generuje objekt udalosti event, ktorý obsahuje všetky informácie o nej. Tento objekt sa odovzdáva do funkcie-obsluhy.

Napríklad, zistime na ktorý element sme klikli. Zoberme si nasledujúci HTML kód:

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

CSS vyzerá nasledovne:

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

Teraz využijeme vlastnosť event.target.nodeName nášho objektu event, ktorý naopak odovzdávame do funkcie-obsluhy metódy click:

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

Objekt event obsahuje množstvo vlastností a metód.