谜爱阁生活网

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

软件教程  2024-06-24 10:39:03  热度:34℃

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不会触发。如下





mouseerter与mouseover区别(IE下测试)




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



Child11

Child12





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



Child21

Child22





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

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

测试代码:

mouseerter与mouseover区别(IE下测试)

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

Child11

Child12


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

Child21

Child22



最近更新

  • 酷狗音乐中使用蝰蛇音效制作工具的具体操作方法

    酷狗音乐中使用蝰蛇音效制作工具的具体操作方法

    2024-11-111267阅读

  • win7电脑中出现声音图标不见了的具体解决方法

    win7电脑中出现声音图标不见了的具体解决方法

    2024-11-11885阅读

  • 车到哪app的详细软件介绍

    车到哪app的详细软件介绍

    2024-11-11993阅读

  • 小米9se中查看序列号的具体操作方法

    小米9se中查看序列号的具体操作方法

    2024-11-11951阅读

  • 迅雷中使用FTP探测器的详细操作方法

    迅雷中使用FTP探测器的详细操作方法

    2024-11-11959阅读

  • ppt制作出小荷才露尖尖角动画场景的具体操作步骤

    ppt制作出小荷才露尖尖角动画场景的具体操作步骤

    2024-11-11809阅读

  • 小米9se中清除内存的具体操作步骤

    小米9se中清除内存的具体操作步骤

    2024-11-11767阅读

  • 千牛中取消消息提醒的具体操作流程

    千牛中取消消息提醒的具体操作流程

    2024-11-11784阅读

  • 抖音app中两个人使用特效具体步骤介绍

    抖音app中两个人使用特效具体步骤介绍

    2024-11-11771阅读

  • 2018Mac mini值得购买吗?Mac mini配置参数及售价详解

    2018Mac mini值得购买吗?Mac mini配置参数及售价详解

    2024-11-11796阅读