Event target 与 currentTarget 的区别

1. target: 触发事件的某个具体对象，只会出现在事件流的目标阶段，谁触发谁命中;
2. currentTarget: 绑定事件的对象，可能出现在事件流的任意一个阶段（捕获、目标及冒泡）中;
3. 只有当事件流处于目标阶段时，target和currentTarget才是一致的。

举例：

  


    

        
click me!
    

运行代码，可以看到：

说明：上面代码中，div标签嵌套了p标签，并且在父元素中绑定了点击事件，当单击“click me”时，根据W3C规定，该示例的整个事件流流程如下图：

通过上图，我们应该可以很容易区分target和currentTarget了。