您好,欢迎来到尚车旅游网。
搜索
您的当前位置:首页为非IE浏览器添加mouseenter,mouseleave事件的实现代码_javascript技巧

为非IE浏览器添加mouseenter,mouseleave事件的实现代码_javascript技巧

来源:尚车旅游网

先了解几个事件对象属性

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


Copyright © 2019- sceh.cn 版权所有 湘ICP备2023017654号-4

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务