Объект события 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 содержит множество свойств и методов.