مستمع الأحداث للعناصر التي تم إنشاؤها ديناميكيًا

استخدام تفويض الحدثتسمح لك الخاصية الهدف لكائن الحدث بتحديد العنصر الذي وقع عليه الحدث. باستخدام هذا، يمكنك ربط مستمع الحدث بالعنصر الأصلي والتحقق من العنصر الهدف للاستجابة لمعايير محددة. على سبيل المثال:

document.querySelector('body').addEventListener('click', function(event) {
  if (event.target.tagName.toLowerCase() === 'li') {
    // Do your action on the newly created 'li'
  }
});

تحذيراتلاحظ أن هذا الأسلوب يعمل بشكل جيد مع المتصفحات الحديثة التي تدعم آلية تفويض الحدث. بالنسبة لإصدارات IE الأقدم، قد تحتاج إلى تنفيذ معالج حدث مخصص باستخدام AttachEvent.