Obiekt zdarzenia event w jQuery

A teraz przystąpimy do zapoznania się ze zdarzeniami w jQuery.

Podczas wyzwalania zdarzenia w jQuery generowany jest obiekt zdarzenia event, który zawiera wszystkie informacje o nim. Ten obiekt jest przekazywany do funkcji obsługi.

Na przykład, dowiedzmy się, na który tag klikamy. Weźmy następujący kod HTML:

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

CSS wygląda następująco:

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

Teraz skorzystajmy z właściwości event.target.nodeName naszego obiektu event, który z kolei przekazujemy do funkcji obsługi metody click:

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

Obiekt event zawiera wiele właściwości i metod.