jQuery даги event объекти

Ҳозир биз jQuery даги воқеалар билан танишишни бошлаймиз.

jQuery да воқеа юз берганда у ҳақидаги барча маълумотни ўз ичига олган event объекти ҳосил қилинади. Ушбу объект функция-ишловчига ўтказилади.

Масалан, биз қайси тегга босганимизни билиб олайлик. Куйидаги HTML кодини оламиз:

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

CSS куйидагича кўринади:

cssspan, strong, p {
  display: block;
  padding: 10px;
  border: 1px solid black;
}

Энди биз ўз objectимизнинг event.target.nodeName хусусиятидан фойдаланамиз, event, уни ўзи эса биз click усулининг функция-ишловчисига ўтказамиз:

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

event объекти кўпгина хусусиятлар ва усулларни ўз ичига олади.