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

बाहरी पृष्ठों के साथ काम करते समय, गतिशील रूप से उत्पन्न तत्वों में इवेंट श्रोताओं को जोड़ना चुनौतीपूर्ण साबित हो सकता है। ऐसे परिदृश्यों में इवेंट हैंडलिंग सौंपना महत्वपूर्ण है।

एक दृष्टिकोण यह जांचने के लिए इवेंट.टारगेट प्रॉपर्टी का उपयोग करना है कि क्लिक किया गया या ट्रिगर किया गया तत्व वांछित प्रकार का है या नहीं। यहां एक उदाहरण है:

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

नोट: यह दृष्टिकोण मानता है कि आपके वांछित तत्व

पुराने IE संस्करणों (उदाहरण के लिए, IE8) के लिए, attachmentEvent का उपयोग करके उचित मूल कार्यों के आसपास एक कस्टम रैपर आवश्यक हो सकता है।