为非IE浏览器添加mouseenter,mouseleave事件的实现代码是什么 解决方法说明

target 指事件源对象，点击嵌套元素最里层的某元素，该元素就是target。IE6/7/8对应的是srcElement。

currentTarget 指添加事件handler的元素本身，如el.addEventListener中el就是currentTarget。IE6/7/8没有对应属性，可在handler内使用this来替代如evt.currentTarget = this。

relativeTarget 指事件相关的元素，一般用在mouseover，mouseout事件中。IE6/7/8中对应的是fromElement，toElement。

mouseenter ，mouseleave IE9中仍然支持，另见 Greg Reimer 的博文 Goodbye mouseover, hello mouseenter 。

mouseenter与mouseover区别在于：在元素内部移动时mouseenter不会触发。如下

1，鼠标在div[id=parent1]内部移动时也会触发mouseover事件

2，鼠标在div[id=parent2]内部移动时也不会触发mouseenter事件

了解了这三个属性的意义后，实现起来就简单了：

测试代码:

1，鼠标在div[id=parent1]内部移动时也会触发mouseover事件

2，鼠标在div[id=parent2]内部移动时也不会触发mouseenter事件