गतिशील रूप से निर्मित तत्वों के लिए इवेंट श्रोता

jQuery के बिना गतिशील रूप से उत्पन्न तत्वों में इवेंट श्रोताओं को जोड़ने के लिए, आप ईवेंट प्रतिनिधिमंडल को नियोजित कर सकते हैं। यहां बताया गया है:

इवेंट डेलिगेशन का उपयोग करें
इवेंट ऑब्जेक्ट की लक्ष्य संपत्ति आपको यह पहचानने की अनुमति देती है कि इवेंट किस तत्व पर हुआ। इसका उपयोग करके, आप किसी ईवेंट श्रोता को मूल तत्व से बांध सकते हैं और विशिष्ट मानदंडों पर प्रतिक्रिया देने के लिए लक्ष्य तत्व की जांच कर सकते हैं। उदाहरण के लिए:

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

इस उदाहरण में, ईवेंट श्रोता शरीर से जुड़ा हुआ है, और जब किसी चाइल्ड तत्व पर क्लिक होता है, तो कोड जांचता है कि क्या यह 'ली' है। यदि ऐसा है, तो निर्दिष्ट कार्रवाई की जाती है।

चेतावनी
ध्यान दें कि यह दृष्टिकोण आधुनिक ब्राउज़रों के साथ अच्छी तरह से काम करता है जो इवेंट डेलिगेशन तंत्र का समर्थन करते हैं। पुराने IE संस्करणों के लिए, आपको attachmentEvent का उपयोग करके एक कस्टम ईवेंट हैंडलर लागू करने की आवश्यकता हो सकती है।