event.target प्रॉपर्टी

event.target प्रॉपर्टी में वह एलिमेंट होता है, जिस पर इवेंट हुआ। यह वह एलिमेंट नहीं है जिससे इस इवेंट का हैंडलर बंधा हुआ था, बल्कि सबसे गहरा टैग है, जिस पर सीधे तौर पर, उदाहरण के लिए, क्लिक किया गया था।

सिंटैक्स

javascriptevent.target;

उदाहरण

मान लीजिए हमारे पास एक div है, और उसके अंदर एक पैराग्राफ है। इवेंट को div से बांधें, लेकिन पैराग्राफ पर क्लिक करें - इस स्थिति में event.target अंतिम टैग को समाहित करेगा, जिसमें इवेंट हुआ - यानी पैराग्राफ, न कि div। आइए tagName की सहायता से इसकी पुष्टि करें:

html<div id="div">
  <p>text</p>
</div>

javascriptlet div = document.querySelector('#div');

div.addEventListener('click', function(event) {
  console.log(event.target); // पैराग्राफ का लिंक प्रदर्शित करेगा
});

यह भी देखें