20:I[266034,["/_next/static/chunks/144c003qaudkf.js","/_next/static/chunks/0kf3n8rnsar0y.js","/_next/static/chunks/0bet53rhd76ao.js","/_next/static/chunks/08gfvy5wn8413.js","/_next/static/chunks/0f9-ccpgf2l37.js","/_next/static/chunks/0-69m0v4lwrwo.js","/_next/static/chunks/011-g1._zzygq.js","/_next/static/chunks/0o-ppy1xw07xk.js","/_next/static/chunks/135dy8oj037.s.js","/_next/static/chunks/145sp-95keou8.js","/_next/static/chunks/15yapr.p2_-e8.js","/_next/static/chunks/1332563el9cco.js","/_next/static/chunks/0zgshrnaghbpz.js"],"JavascriptDocArticleView"] 21:T58f,## event.target vs event.currentTarget ### Коротко `event.target` - це **елемент, на якому подія реально сталася**. `event.currentTarget` - це **елемент, на якому зараз виконується обробник події**. Найпростіше: ```js parent.addEventListener("click", function (event) { console.log(event.target); // clicked element console.log(event.currentTarget); // listener element }); ``` --- ## Clicked element `event.target` показує, **що саме було клікнуто**. HTML: ```html

``` JS: ```js const card = document.querySelector(".card"); card.addEventListener("click", function (event) { console.log(event.target); }); ``` Якщо клікнути по кнопці, `event.target` буде: ```html ``` Навіть якщо listener стоїть на `.card`. --- ## Listener element `event.currentTarget` показує, **на якому елементі висить поточний listener**. ```js card.addEventListener("click", function (event) { console.log(event.currentTarget); }); ``` Якщо listener доданий на `.card`, тоді `event.currentTarget` буде: ```html

...

``` Навіть якщо клік був по кнопці всередині. 22:T58f,## event.target vs event.currentTarget ### Коротко `event.target` - це **елемент, на якому подія реально сталася**. `event.currentTarget` - це **елемент, на якому зараз виконується обробник події**. Найпростіше: ```js parent.addEventListener("click", function (event) { console.log(event.target); // clicked element console.log(event.currentTarget); // listener element }); ``` --- ## Clicked element `event.target` показує, **що саме було клікнуто**. HTML: ```html

...

``` Навіть якщо клік був по кнопці всередині. 23:T73f,