Objekt události event v jQuery

Nyní přistoupíme k seznámení s událostmi v jQuery.

Při spuštění události v jQuery je generován objekt události event, který obsahuje všechny informace o ní. Tento objekt je předán do funkce-obsluhy.

Například, pojďme zjistit na jaký tag jsme klikli. Vezměme následující HTML kód:

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

CSS vypadá následovně:

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

Nyní využijeme vlastnost event.target.nodeName našeho objektu event, který je naopak předáván do funkce-obsluhy metody click:

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

Objekt event obsahuje mnoho vlastností a metod.