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

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

सिंटैक्स

event.target;

उदाहरण

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

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

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

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

यह भी देखें

event.currentTarget प्रॉपर्टी,
जिसमें वह एलिमेंट होता है, जिससे इवेंट बंधा होता है
code प्रॉपर्टी,
जो दबाए गए की का कोड प्राप्त करती है
event.key प्रॉपर्टी,
जो दर्ज किए गए कैरेक्टर को प्राप्त करती है