Die gebeurtenisobjek event in jQuery

Nou begin ons met die kennismaking van gebeurtenisse in jQuery.

Wanneer 'n gebeurtenis in jQuery plaasvind, word 'n gebeurtenisobjek event, gegenereer wat alle inligting daaroor bevat. Hierdie objek word aan die verwerkingsfunksie oorgedra.

Kom ons vind byvoorbeeld uit op watter etiket ons klik. Neem die volgende HTML-kode:

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

CSS lyk soos volg:

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

Laat ons nou die eienskap event.target.nodeName van ons objek event gebruik, wat ons op sy beurt aan die verwerkingsfunksie van die click-metode oordra:

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

Die objek event bevat baie eienskappe en metodes.