javascript - 无法理解以下代码中事件的 target 和 currentTarget 属性之间的区别

Question

以下代码作为示例来说明 event.target 和 event.currentTarget 之间的区别，但我不清楚。如果有人可以帮助解决这个问题，那将对我有很大帮助。

这是 jsfiddle 中的示例代码：

https://jsfiddle.net/somya_kashyap3/t587djru/1/

标签： javascriptevents

Answer 1

您需要查找有关冒泡和事件捕获的更多信息。当您单击 DOM 中的元素时，“click”事件开始从该元素一直调用到根文档，“通知”系列中的所有元素在您内部单击了某些内容，您可能想要用它做点什么！我不会说最后事件再次传播回第一个元素，以相反的顺序遍历相同系列的元素，查找更多关于它的内容。

本质上的区别在于，当引发事件时，每个回调都会获得“实际触发点击的原始元素，点击时用户光标下最里面的元素”的副本，以及“目标”，即每次“当前通知”元素。

在这里搜索更多信息！