ইভেন্ট ডেলিগেশন মানে একটি সাধারণ পূর্বপুরুষ উপাদানে একটি শ্রবণকারী সংযুক্ত করা, প্রতিটি সন্তান উপাদানে একটি করে শ্রবণকারীর পরিবর্তে, এবং ইভেন্ট বাবলিং ব্যবহার করে নির্ধারণ করা যে কোন সন্তান আসলে ইন্টারঅ্যাক্ট করেছে (event.target এর মাধ্যমে)।
.().(
li.(, handle));
.().(, {
li = e..();
(li) (li..);
});
যখন আপনি একটি <li> ক্লিক করেন, ইভেন্ট বাবল হয়: li → ul → body → document। <ul> এর একটি শ্রবণকারী তাই তার যেকোনো <li> সন্তান থেকে ক্লিক পায়, এবং e.target আপনাকে ক্লিক করা সঠিক উপাদান বলে দেয়। closest("li") লক্ষ্য থেকে ঊর্ধ্বে হেঁটে উদ্দেশ্যমূলক উপাদানটি খুঁজে পায় (অভ্যন্তরীণ উপাদানগুলিতে ক্লিক পরিচালনা করে)।
<li> পরে যুক্ত করা হলে নতুন শ্রবণকারীর প্রয়োজন নেই, কারণ পূর্বপুরুষ ইতিমধ্যে এটি পরিচালনা করে।এটি বাবলিংয়ের উপর নির্ভর করে, তাই এটি এমন ইভেন্টের জন্য কাজ করে না যা বাবল করে না (focus, blur — পরিবর্তে focusin/focusout ব্যবহার করুন)। এটি ঠিক সেই কৌশল যা React অভ্যন্তরীণভাবে ব্যবহার করে (সম্পূর্ণ অ্যাপের জন্য একটি রুট শ্রবণকারী)।