Iefans,靠谱的软件下载站

首页 最新文章 最新安卓 最新苹果 浏览器 IE教程 在线图片编辑 最新软件 最新游戏

当前位置: IEfans / IE专区 / IE动态/ 怎么为非IE浏览器添加mouseenter,mouseleave?添加方法说明

怎么为非IE浏览器添加mouseenter,mouseleave?添加方法说明

编辑:秩名2019-07-29 16:08:49

先了解几个事件对象属性

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?添加方法说明
怎么为非IE浏览器添加mouseenter,mouseleave?添加方法说明

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

怎么为非IE浏览器添加mouseenter,mouseleave?添加方法说明
怎么为非IE浏览器添加mouseenter,mouseleave?添加方法说明


返回旧版Copyright © 1998-2023 www.iefans.net All Rights Reserved 沪ICP备17019769号-18 意见反馈