Обект за събитие event в jQuery

А сега ще започнем да се запознаваме със събитията в 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;
}

Сега ще използваме свойството event.target.nodeName на нашия обект event, който от своя страна предаваме на функцията-обработчик на метода click:

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

Обектът event съдържа множество свойства и методи.