Obiectul evenimentului event în jQuery

Și acum vom începe să ne familiarizăm cu evenimentele în jQuery.

Când este declanșat un eveniment în jQuery este generat un obiect de eveniment event, care conține toate informațiile despre acesta. Acest obiect este transmis funcției de manipulare.

De exemplu, să aflăm pe ce etichetă am făcut clic. Să luăm următorul cod HTML:

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

CSS arată astfel:

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

Acum să folosim proprietatea event.target.nodeName a obiectului nostru event, care la rândul său îl transmitem funcției de manipulare a metodei click:

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

Obiectul event conține multe proprietăți și metode.