घटना प्रतिनिधिमंडल के लिए सार्थक होने में कितने तत्व हैं?

Question

jQuery प्रदर्शन के बारे में एक और SO प्रश्न पढ़ना, मैंने उस बिंदु के बारे में सोचना शुरू किया जब यह अलग-अलग तत्वों के लिए बाध्यकारी होने के बजाय ईवेंट प्रतिनिधिमंडल का उपयोग करने लायक हो गया। मैं मुख्य रूप से jQuery के बारे में सोच रहा था, लेकिन मुझे लगता है कि यह सामान्य रूप से जावास्क्रिप्ट के लिए लागू है।

1. संचालकों तत्वों है कि अभी तक नहीं बनाया गया है/डोम में डाला पर काम करने की अनुमति देता है:

   घटना प्रतिनिधिमंडल दो मुख्य उद्देश्यों है।

2. एक आम पूर्वज तत्व के बजाय

मेरा प्रश्न कई भाई तत्वों के लिए एक समारोह बाध्यकारी इन के दूसरे के बारे में है। सामान्य उत्तर शायद "यह सटीक स्थिति पर निर्भर करता है", लेकिन मुझे आश्चर्य है कि इसका परीक्षण करने के लिए अंगूठे का नियम या बेंचमार्किंग का एक तरीका है या नहीं।

तो, सवाल यह है: ईवेंट प्रतिनिधिमंडल के प्रदर्शन लाभ प्रदर्शन प्रदर्शन से अधिक होने से पहले आपको कितने तत्वों की आवश्यकता है?

Answer 1

इस HTML संरचना मान लिया जाये:

<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> 

बस (मेरे लिए) स्पष्ट बातें करने के लिए .... jQuery डॉक्स (http://api.jquery.com/delegate/) के अनुसार, इस:

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

... इस के बराबर है:

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

---

हालांकि, घटना प्रतिनिधिमंडल (मैं यह पता के रूप में) यह है:

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

तो तुम यूएल तत्व पर क्लिक करें घटना को पकड़ने, और फिर यह पता लगाने जो लंगर वास्तव में event.target संपत्ति के माध्यम से क्लिक किया गया था।

मैं विधि प्रतिनिधि() के बारे में पता नहीं है, लेकिन यह पिछले तकनीक हमेशा #navUL तत्व में प्रत्येक लंगर के लिए ईवेंट हैंडलर्स संलग्न की तुलना में तेजी से किया जाना चाहिए, ताकि जैसे:

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