a标签包住的img，为什么我点击event抓的是img，而不是a

Question

//遍历的a标签
list.forEach(i => {
    html += `<a href="detail.html?id=${i.id}">`
    html += '<div class="retail-item">'
    html += `<img src="${i.icon}">`
    html += `<p class="p1">${i.title}</p>`
    html += `<p class="p2">${i.content}</p>`
    html += '</div>'
    html += '</a>'
})

$("a").click(function(e) {
    event.preventDefault();
    console.log(e);//这里打印的是img p...怎么获取a标签的target

});

Answer 1

e.currentTarget

当前处理事件的元素

https://developer.mozilla.org/zh-CN/docs/Web/API/Event/currentTarget

Answer 2

通过this获取

Answer 3

你在搞一些文字？或者来个 padding？或者 event-point一下？

因为他本质上就是你单击的那个元素呀。

Answer 4

点击获取到的target本来就是点击到的元素，事件冒泡到上级元素触发上级的点击事件