Objektet event i jQuery

Nu skal vi til at stifte bekendtskab med events i jQuery.

Når en event udløses i jQuery, genereres et event-objekt event, som indeholder alle oplysninger om den. Dette objekt overføres til håndteringsfunktionen.

For eksempel, lad os finde ud af hvilket tag vi klikker på. Lad os tage følgende HTML-kode:

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

CSS ser således ud:

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

Lad os nu bruge egenskaben event.target.nodeName fra vores event-objekt, som vi sender til håndteringsfunktionen for metoden click:

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

Objektet event indeholder mange egenskaber og metoder.