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:
<body>
<div id="text"></div>
<div>
<p>
<strong><span>click</span></strong>
</p>
</div>
</body>
CSS sieht folgendermaßen aus:
span, 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:
$('body').click(function(event) {
$('#text').html('clicked: ' + event.target.nodeName);
});
Das Objekt event enthält viele Eigenschaften
und Methoden.
