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:

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

A CSS így néz ki:

cssspan, 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:

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

Az event objektum számos tulajdonságot és metódust tartalmaz.