jQuery event.currentTarget Nedir?

jQuery event.currentTarget nedir, nasıl kullanılır? Örneklerle açıklanmış farkları ve benzerleriyle beraber açıklıyoruz. jQuery eventleri hakkında bilgi almak için buraya tıklayın.

jQuery event.currentTarget nedir?

jQuery event.currentTarget nedir?jQuery event.currentTarget nedir?

jQuery event.currentTarget, bir olayın hedeflenen nesnesini temsil eden bir jQuery nesnesidir. Bu, bir olayın kaç tane nested element içinde gerçekleştiğini belirlemek için kullanılır. Event bubbling durumlarında, olayın hedeflenen $(selector) nesnesi yerine event.currentTarget kullanılabilir.

Kullanımı:

Öncelikle, bir HTML belgesinde olay dinleyicileri ekleyerek, event.currentTarget’yi kullanabilirsiniz. Örneğin, bir düğmeye tıklandığında bir işlev çağırmak istiyorsanız, bu durumu event.currentTarget ile kolayca gerçekleştirebilirsiniz.

Örneklerle açıklaması:

Örnek olarak, bir sayfada nested elementler içeren bir menüyü ele alalım. Bir alt menü öğesine tıklandığında, event.currentTarget kullanılarak alt menü öğesinin kendisinin hedeflendiğini belirleyebiliriz.

Farkları ve benzerleri:

event.currentTarget ile event.target arasındaki temel fark, event.currentTarget’nin o anki olayın hedeflenen nesnesini temsil etmesi ve event.target’ın olayın gerçekleştiği nesneyi temsil etmesidir. Ayrıca, event.delegateTarget da event.currentTarget’e benzer bir işlev görebilir.

Etkinlik	event.currentTarget	event.target
Tıklama olayı	İç içe geçmiş elementin hedeflenen nesnesini temsil eder	Olayın gerçekleştiği nesneyi temsil eder
Hover olayı	İç içe geçmiş elementin hedeflenen nesnesini temsil eder	Olayın gerçekleştiği nesneyi temsil eder

Kullanımı nasıl yapılır?

jQuery event.currentTarget, bir olay tetiklendiğinde, olayın hedef elementini döndüren bir jQuery metodu olarak kullanılır. Kullanımı oldukça basittir ve genellikle olay dinleyicilerinde kullanılır.

Öncelikle, bir HTML dosyası oluşturun ve içine birkaç tane farklı öğe ekleyin. Daha sonra, bir JavaScript dosyası oluşturun ve jQuery kütüphanesini projenize ekleyin.

jQuery ile bir olay dinleyici eklemek için, target elementi seçmelisiniz. Ardından, olay () yöntemini kullanarak bir olay dinleyici ekleyebilirsiniz. Bu dinleyici içinde event.currentTarget yöntemini kullanarak, olayın hedef elementine erişebilirsiniz.

Örneğin, aşağıdaki örnek kodda bir düğme tıklandığında olayın hedef elementine erişebilirsiniz.

Kod Örneği	Sonuç
<button id=btn>Click me</button> $(‘button’).on(‘click’, function(event) {  alert(event.currentTarget.id); });	btn

Örneklerle açıklaması

jQuery event.currentTarget, jQuery ile kullanılan bir olay yönetimi özelliğidir. Bu özelliği kullanarak bir olayın hangi öğe tarafından tetiklendiğini belirleyebiliriz. Örnek olarak, bir düğmeye tıklandığında, bu düğmeye tıklama olayının hangi öğe tarafından gerçekleştirildiği event.currentTarget özelliği sayesinde belirlenebilir.

Örneğin, bir sayfa üzerinde farklı öğelerin bulunduğu bir tablo varsayalım. Bu tabloda her hücreye tıkladığınızda hangi hücrenin tıklandığını event.currentTarget özelliği ile belirleyebilirsiniz. Böylece hangi hücreye tıkladığınızı tespit edebilir ve istediğiniz eylemi gerçekleştirebilirsiniz.

Örneklerle açıklaması yapılacak olursa, bir liste öğesinin üzerine geldiğinizde, bu özellik sayesinde o listenin hangi öğesi olduğunu belirleyebilir ve üzerinde farklı işlemler yapabilirsiniz. Örneğin, listeden bir öğe seçilip tıklandığında bu özelliği kullanarak seçilen öğeyi başka bir fonksiyona iletebilir ve istenilen işlemi gerçekleştirebilirsiniz.

İşte jQuery event.currentTarget özelliği bu şekilde örneklerle açıklanabilir. Bu özellik sayesinde olayın gerçekleştirildiği öğeyi belirleyebilir ve istenilen işlemleri gerçekleştirebilirsiniz. Fakat bu özelliğin event.target özelliği ile farklılıkları bulunmaktadır. Bu farklılıkları ve benzerlikleri diğer makalelerimizde detaylıca bulabilirsiniz.

Farkları ve benzerleri

event.currentTarget ve event.target jQuery kütüphanesinin önemli bir parçasıdır ve genellikle birlikte kullanılırlar. İkisi de bir olaya neden olan öğeyi temsil eder ancak farklı şekilde davranırlar. event.target olayın ilk hedefini temsil ederken, event.currentTarget olayın geçerli hedefini temsil eder. Bu nedenle, olayın hedefine bağlı olarak kullanımları farklılık gösterir.

Örneğin, bir liste öğesine tıklandığında, event.target tıklanan öğeyi temsil ederken, event.currentTarget o anki olay dinleyicisinin bağlı olduğu öğeyi temsil eder. Bu nedenle, event.currentTarget‘ı genellikle olay dinleyicisinin bağlı olduğu öğeyi referans almak için kullanırız.

event.currentTarget	event.target
Olayın geçerli hedefini temsil eder	Olayın ilk hedefini temsil eder
Olay dinleyicisinin bağlı olduğu öğeyi temsil eder	Tıklanan öğeyi temsil eder

Sonuç olarak, event.currentTarget ve event.target birlikte kullanıldığında olayların işlenmesi ve hedeflerin belirlenmesi daha verimli bir şekilde gerçekleştirilebilir. Ancak, bu iki özelliğin farklı kullanım senaryoları olduğunu ve dikkatlice seçilmesi gerektiğini unutmamak önemlidir.