Objekt dogodka event v jQuery

Zdaj pa nadaljujmo s spoznavanjem dogodkov v jQuery.

Ob sprožitvi dogodka v jQuery se generira objekt dogodka event, ki vsebuje vse informacije o njem. Ta objekt se posreduje v funkcijo-obdelovalnik.

Na primer, izvedimo na katero oznako smo kliknili. Vzemimo naslednjo HTML kodo:

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

CSS izgleda takole:

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

Zdaj uporabimo lastnost event.target.nodeName našega objekta event, ki ga posredujemo v funkcijo-obdelovalnik metode click:

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

Objekt event vsebuje številne lastnosti in metode.