Etkinlik delegasyonunun değerli hale gelmesi için kaç öğe var?

Question

jQuery performansı hakkında başka bir SO sorusu okudum, ayrı ayrı elemanlara bağlanmaktan ziyade olay temsilcisini kullanarak değer kazanmaya başladığım noktayı düşünmeye başladım. Esas olarak jQuery hakkında düşünüyordum, ama muhtemelen genel olarak Javascript için geçerli olduğunu varsayalım. işleyicileri DOM takılan henüz oluşturulmamış elemanlar/üzerinde çalışmak için izin

1. :

   Olay heyeti iki ana amacı vardır.

Benim soruya ortak bir atası elemana ziyade çoklu kardeş elemanlarına bir işlevi bağlama bu ikincisinin hakkındadır. Genel cevap muhtemelen "kesin duruma bağlıdır", ancak bunu test etmek için bir başparmak veya bir kıyaslama kuralı varsa merak ediyorum.

Yani, soru şu: Olay temsilcisinin performans avantajları, performans maliyetlerinden daha ağır basmadan önce kaç tane öğeye ihtiyacınız var? Bu, jQuery docs (http://api.jquery.com/delegate/) göre ....

<ul id="navUL"> <li><a href="one.html">One</a></li> <li><a href="two.html">Two</a></li> <li><a href="three.html">Three</a></li> </ul> 

Sadece (benim için) şeyleri temizlemek için:

Answer 1

bu HTML yapısını varsayarsak

$("#navUL").delegate("a", "click", function(){ 
    // anchor clicked 
}); 

... Bu eşdeğerdir:

$("#navUL").each(function(){ 
    $("a", this).live("click", function(){ 
     // anchor clicked 
    }); 
}); 

---

Ancak olay heyeti (biliyorum gibi) şudur:

$("#navUL").click(function(e) { 
    if (e.target.nodeName !== "A") { return false; } 
    // anchor clicked 
    // anchor is referenced by e.target 
}); 

Yani UL elemanı tıklama olayını yakalamak ve sonra aslında event.target mülkiyet yoluyla tıklandığı çapa anlamaya.

ben temsilci() yöntemi hakkında bilmiyorum, ama bu son tekniği her zaman çok gibi #navUL elemanı her çapa kadar olay işleyicileri takılarak daha hızlı olması gerekir:

$("#navUL a").click(function() { 
    // anchor clicked 
    // anchor is referenced by the this value 
});