Аб'ект падзеі 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 змяшчае мноства ўласцівасцей і метадаў.

event