تفاوت بین currentTarget و target در جاوااسکریپت چیست؟

در جاوااسکریپت، target عنصری هست که رویداد را ایجاد کرده (مثلاً کاربری روی آن کلیک کرده است)، در حالی که currentTarget عنصری است که رویداد روی آن شنود (event listener) می‌شه.

این دو معمولاً زمانی که رویدادها حباب‌دار (bubbling) می‌شن ، متفاوت اند.

برای مثال، اگه یک رویداد کلیک روی یک عنصر درون یک دیو (div) رخ بده، target به عنصر داخلی اشاره می‌کنه ، در حالی که currentTarget به دیو (div) اشاره خواهد کرد:

document.getElementById("parent").addEventListener("click", function(event) {
console.log("target:", event.target.id); // real element
console.log("currentTarget:", event.currentTarget.id); // event listener
});

در این مثال، target ممکنه یک عنصر فرزند باشه، در حالی که currentTarget همیشه همون عنصری هست که رویداد بهش گوش می‌ده.