Az event eseményobjektum a jQuery-ben
Most pedig folytatjuk az események megismerését a jQuery-ben.
Amikor egy esemény bekövetkezik a jQuery-ben,
létrejön egy event
eseményobjektum,
ami tartalmazza az összes információt róla. Ezt az
objektumot átadják a kezelőfüggvénynek.
Például, nézzük meg, melyik elemre kattintunk. Vegyük a következő HTML kódot:
<body>
<div id="text"></div>
<div>
<p>
<strong><span>click</span></strong>
</p>
</div>
</body>
A CSS így néz ki:
span, strong, p {
display: block;
padding: 10px;
border: 1px solid black;
}
Most használjuk a
event.target.nodeName tulajdonságot az
event objektumunkban,
amit viszont átadunk
a click metódus kezelőfüggvényének:
$('body').click(function(event) {
$('#text').html('clicked: ' + event.target.nodeName);
});
Az event objektum számos tulajdonságot
és metódust tartalmaz.