举个例子:

var body = document.body,
    btn = document.getElementById( 'id' );
body.addEventListener( 'click', function( event ) {
    console.log( event.currentTarget === body );
    console.log( event.target === btn );
}, false );

当你点击'btn'时，会出现'true'和'true' !

e.currentTarget是注册事件的元素(父)，e.target是事件指向的节点(子)。

target  is the element that triggered the event (e.g., the user clicked on)

currenttarget is the element that the event listener is attached to.

我喜欢直观的答案。

当您单击#btn时，将调用两个事件处理程序，它们将输出您在图片中看到的内容。

演示在这里:https://jsfiddle.net/ujhe1key/

E.target是元素，你可以点击它 currenttarget是添加了事件监听器的元素。

如果你点击按钮的子元素，最好使用currentTarget来检测按钮属性，在CH中使用e.target有时会有问题。

e.currentTarget总是事件实际绑定的元素。e.target是事件产生的元素，所以e.target可以是e.currentTarget的子元素，或者e.target可以是=== e.currentTarget，这取决于你的标记是如何构造的。