Händelseobjektet event i jQuery

Nu ska vi börja bekanta oss med händelser i jQuery.

När en händelse utlöses i jQuery genereras ett händelseobjekt event, som innehåller all information om den. Detta objekt skickas till hanterarfunktionen.

Låt oss till exempel ta reda på vilken tagg vi klickar på. Ta följande HTML-kod:

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

CSS ser ut så här:

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

Låt oss nu använda egenskapen event.target.nodeName av vårt objekt event, som vi i sin tur skickar till hanterarfunktionen för metoden click:

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

Objektet event innehåller många egenskaper och metoder.