e.target和e.currentTarget

先描述遇到的问题：

我的html代码和js代码分别如下：

第一：div就是每一个菜单的容器，里边的<b></b>标签内存放的是菜单的内容

第二：注意我的点击事件是在div上

 

 

 这是我修改后的代码，在我修改之前，我使用的是e.target，而这样的情况下，我点击菜单时候，如果点到的是菜单的内容，背景颜色就不会改变，只有鼠标点击到div元素的上边，才会发生背景改变。

所以这两个还是要分清楚用的。

target:一个触发事件的对象的引用， 当事件处理程序在事件的冒泡或捕获阶段被调用时。
currentTarget:在捕获和起泡阶段，该属性是非常有用的，因为在这两个节点，它不同于 target 属性。它指的是当事件遍历DOM时，标识事件的当前目标。它总是引用事件处理程序附加到的元素，而不是event.target，它标识事件发生的元素。