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

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

تتمثل إحدى الطرق في استخدام خاصية events.target للتحقق مما إذا كان العنصر الذي تم النقر عليه أو تشغيله من النوع المطلوب. إليك مثال:

document.querySelector('body').addEventListener('click', function(event) {
  if (event.target.tagName.toLowerCase() === 'li') {
    // Execute desired action on encountered 'li' elements
  }
});

ملاحظة: يفترض هذا الأسلوب أن العناصر المطلوبة موجودة ضمن عنصر

تحذيرات:

• تنطبق هذه الطريقة فقط على المتصفحات المتوافقة مع المعايير (على سبيل المثال، IE9 ) .
• بالنسبة لإصدارات IE الأقدم (على سبيل المثال، IE8)، قد يكون من الضروري وجود غلاف مخصص حول الوظائف الأصلية المناسبة باستخدام AttachEvent.