jQuery'de event olay nesnesi

Şimdi jQuery'de olaylarla tanışmaya başlayacağız.

jQuery'de bir olay tetiklendiğinde, onunla ilgili tüm bilgileri içeren event olay nesnesi oluşturulur. Bu nesne olay işleyici fonksiyona iletilir.

Örneğin, hangi etikete tıkladığımızı öğrenelim. Aşağıdaki HTML kodunu alalım:

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

CSS şu şekilde görünüyor:

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

Şimdi, click metodunun olay işleyici fonksiyonuna ilettiğimiz event nesnemizin event.target.nodeName özelliğini kullanalım:

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

event nesnesi çok sayıda özellik ve metod içerir.