Hendelsesobjektet event i jQuery

Nå skal vi begynne å bli kjent med hendelser i jQuery.

Når en hendelse utløses i jQuery genereres et hendelsesobjekt event, som inneholder all informasjon om den. Dette objektet sendes til behandlingsfunksjonen.

La oss for eksempel finne ut hvilken tagg vi klikker på. La oss ta følgende HTML-kode:

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

CSS ser slik ut:

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

La oss nå bruke egenskapen event.target.nodeName til vårt objekt event, som vi igjen sender til behandlingsfunksjonen til metoden click:

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

Objektet event inneholder mange egenskaper og metoder.