HTML currentTarget इवेंट प्रॉपर्टी: इवेंट लिस्टनर एलिमेंट

currentTarget इवेंट प्रॉपर्टी

currentTarget प्रॉपर्टी उस एलिमेंट को लौटाती है जिस पर इवेंट लिस्टनर वर्तमान में जुड़ा हुआ है (यानी जिस एलिमेंट पर इवेंट हैंडलर निष्पादित हो रहा है)। यह target से भिन्न है, जो वास्तविक एलिमेंट है जिसने इवेंट ट्रिगर किया।

सिंटैक्स

event.currentTarget

उदाहरण: currentTarget vs target

<!DOCTYPE html>
<html>
<body>
  <h2>एलिमेंट प्राप्त करें</h2>
  <div id="parent" style="padding:20px; background:#f0f0f0;" onclick="myFunction(event)">
    <p id="child" style="padding:20px; background:white;">
      इस पैराग्राफ पर क्लिक करें - currentTarget div होगा, target p होगा।
    </p>
  </div>
  <script>
    function myFunction(event) {
      alert("currentTarget: " + event.currentTarget.id + "\n" +
            "target: " + event.target.id);
    }
  </script>
</body>
</html>

आउटपुट

पैराग्राफ पर क्लिक करने पर अलर्ट दिखाएगा:

currentTarget: parent
target: child

currentTarget vs target

उपयोग के मामले

• इवेंट डेलिगेशन में: पैरेंट पर लिस्टनर, currentTarget से पैरेंट पहचानें
• एक ही हैंडलर कई एलिमेंट्स पर जुड़ा हो तो currentTarget से अंतर करें
• this के बराबर (एरो फंक्शन में this अलग होता है, currentTarget विश्वसनीय)