先了解几个事件对象属性
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不会触发 。如下
![如何为非IE浏览器添加mouseenter,mouseleave实现代码?解决方法分享](http://img.readke.com/230525/05564262C-0.png)
文章插图
![如何为非IE浏览器添加mouseenter,mouseleave实现代码?解决方法分享](http://img.readke.com/230525/0556425364-1.png)
文章插图
了解了这三个属性的意义后 , 实现起来就简单了:
![如何为非IE浏览器添加mouseenter,mouseleave实现代码?解决方法分享](http://img.readke.com/230525/0556421E1-2.png)
文章插图
测试代码:
![如何为非IE浏览器添加mouseenter,mouseleave实现代码?解决方法分享](http://img.readke.com/230525/055642C36-3.png)
文章插图
【如何为非IE浏览器添加mouseenter,mouseleave实现代码?解决方法分享】
推荐阅读
- 眼镜布的特点有哪些
- 韩剧男朋友收视率
- 规则的意思,规则的解释
- 企业钉钉收费多少钱一个月
- 荒野大镖客2试玩细节汇总 荒野大镖客2游戏怎么样
- appdata文件夹可以删除吗详情
- 木板贴瓷砖用什么胶 做瓷砖厨房用什么胶
- 怎么吃黄皮果不会上火
- iPhone被曝存在严重安全漏洞可完全控制设备