Das Event-Objekt event in jQuery

Jetzt werden wir uns mit Events in jQuery vertraut machen.

Wenn ein Event in jQuery ausgelöst wird, entsteht ein Event-Objekt event, das alle Informationen darüber enthält. Dieses Objekt wird an die Handler-Funktion übergeben.

Lassen Sie uns zum Beispiel herausfinden, auf welches Tag wir klicken. Nehmen wir den folgenden HTML-Code:

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

CSS sieht folgendermaßen aus:

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

Nutzen wir nun die Eigenschaft event.target.nodeName unseres Objekts event, das wir wiederum an die Handler-Funktion der Methode click übergeben:

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

Das Objekt event enthält viele Eigenschaften und Methoden.