Händelseobjektet event i jQuery
Nu ska vi börja bekanta oss med händelser i jQuery.
När en händelse utlöses i jQuery
genereras ett händelseobjekt
event,
som innehåller all information om den. Detta
objekt skickas till hanterarfunktionen.
Låt oss till exempel ta reda på vilken tagg vi klickar på. Ta följande HTML-kod:
<body>
<div id="text"></div>
<div>
<p>
<strong><span>click</span></strong>
</p>
</div>
</body>
CSS ser ut så här:
span, strong, p {
display: block;
padding: 10px;
border: 1px solid black;
}
Låt oss nu använda egenskapen
event.target.nodeName av vårt objekt
event, som vi i sin tur skickar
till hanterarfunktionen för metoden click:
$('body').click(function(event) {
$('#text').html('clicked: ' + event.target.nodeName);
});
Objektet event innehåller många egenskaper
och metoder.
