event.target چیه؟

پراپرتی target از آبجکت event، شامل المنتی هست که باعث اجرای یک رویداد خاص شده. کد زیر رو ببینید:

<div onclick="getElement(event)">
    <p>
        <button></button>
    </p>
</div>


<script>
function getElement(event) {
    alert(event.target.tagName);
}
</script>

همونطور که می‌بینید یک رویداد onclick به یک div نسبت داده شده. مقداری که event.target می‌گیره، اگه روی تگ div کلیک کنیم شامل تگ div، اگه روی p کلیک کنیم شامل تگ p و اگه روی button کلیک کنیم شامل تگ button خواهد بود.
این مثال عملی رو ببینید.

منبع: