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 शोधण्यासाठी (inner element वर क्लिक हाताळते).
<li> नवीन listener ची गरज नाही, कारण parent आधीच त्याचा हाताळा करतो.हे bubbling वर अवलंबून आहे, त्यामुळे bubble होत नाही असे event साठी काम करत नाही (focus, blur — focusin/focusout वापरा). हे अगदी तो तंत्र आहे जो React अंतर्गत वापरतो (संपूर्ण app साठी एक root listener).