Javascript addEventListener与currentTarget之间的差异

addEventListener和currentTarget之间有什么区别？有人能给我举个例子说明它们是如何不同地使用的吗？提前感谢

示例代码：（单击任意矩形）

document.getElementById（'p-element'）.addEventListener（'click'，myfunction）
函数myfunction（事件）
{
控制台清除（）
console.log（'currentTarget:'，event.currentTarget.tagName）
console.log（'target:'，event.target.tagName，'text:'，event.target.textContent）
}

p{边框：1px纯蓝色；填充：1em；光标：指针；}
span{边框：1px纯红色；边距：1em；}

跨度1
跨度2
跨度3

addEventListener

是

事件源

实例的一种方法，

currentTarget

是

事件

实例的属性-它们通常是事件的不同阶段-addEventListener向事件源添加事件处理程序函数，使用事件作为其唯一参数调用处理程序函数，此事件具有currentTarget属性