Het gebeurtenisobject event in jQuery
En nu beginnen we met het kennis maken met gebeurtenissen in jQuery.
Wanneer een gebeurtenis wordt geactiveerd in jQuery
wordt er een gebeurtenisobject gegenereerd
event,
dat alle informatie erover bevat. Dit
object wordt doorgegeven aan de handler-functie.
Laten we bijvoorbeeld uitvinden op welke tag we klikken. Laten we de volgende HTML-code nemen:
<body>
<div id="text"></div>
<div>
<p>
<strong><span>click</span></strong>
</p>
</div>
</body>
CSS ziet er als volgt uit:
span, strong, p {
display: block;
padding: 10px;
border: 1px solid black;
}
Laten we nu gebruikmaken van de eigenschap
event.target.nodeName van ons object
event, dat we op zijn beurt doorgeven
aan de handler-functie van de methode click:
$('body').click(function(event) {
$('#text').html('clicked: ' + event.target.nodeName);
});
Het object event bevat vele eigenschappen
en methoden.
