Event delegation भनेको एक एकल listener साधारण ancestor सँग जोड्नु हो, बरु प्रत्येक child को लागि एक listener, र event bubbling प्रयोग गरेर कुन child वास्तवमा interact गरिएको हो भनेर पहिचान गर्नु हो (via event.target)।
.().(
li.(, handle));
.().(, {
li = e..();
(li) (li..);
});
जब तपाई <li> मा क्लिक गर्नुहुन्छ, event बुबल गर्छ: li → ul → body → document। <ul> मा listener यसकारण यसको कुनै पनि <li> children बाट क्लिक प्राप्त गर्छ, र e.target ले तपाईलाई क्लिक गरिएको सही element बताउछ। closest("li") target बाट माथि जाँदै इच्छित element खोज्छ (भित्री elements मा क्लिकहरु पनि हाँडस गर्छ)।
<li> को नयाँ listener को आवश्यकता छैन, किनकि parent पहिले नै यो हाँडस गर्छ।यो bubbling मा निर्भर गर्छ, त्यसैले यो events को लागि काम गरेन जो bubble नगर्छन् (focus, blur — बरु focusin/focusout प्रयोग गर्नु)। यो ठीक त्यही प्रविधि हो जुन React लाई आन्तरिकरूपमा प्रयोग गर्छ (सम्पूर्ण app को लागि एक root listener)।
विस्तृत उत्तरसहित IT अन्तर्वार्ता प्रश्नहरूको पुस्तकालय — जुनियरदेखि सिनियरसम्म।
दान गर्नुहोस्