先描述遇到的问题:
我的html代码和js代码分别如下:
第一:div就是每一个菜单的容器,里边的<b></b>标签内存放的是菜单的内容
第二:注意我的点击事件是在div上
这是我修改后的代码,在我修改之前,我使用的是e.target,而这样的情况下,我点击菜单时候,如果点到的是菜单的内容,背景颜色就不会改变,只有鼠标点击到div元素的上边,才会发生背景改变。
所以这两个还是要分清楚用的。
target:一个触发事件的对象的引用, 当事件处理程序在事件的冒泡或捕获阶段被调用时。
currentTarget:在捕获和起泡阶段,该属性是非常有用的,因为在这两个节点,它不同于 target 属性。它指的是当事件遍历DOM时,标识事件的当前目标。它总是引用事件处理程序附加到的元素,而不是event.target,它标识事件发生的元素。