- 时间:2022-05-21 01:14 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:为非IE浏览器添加mouseenter,mouseleave事件的实现代码
先了解几个事件对象属性
[b]target[/b] 指事件源对象,点击嵌套元素最里层的某元素,该元素就是target。IE6/7/8对应的是srcElement。
[b]currentTarget[/b] 指添加事件handler的元素本身,如el.addEventListener中el就是currentTarget。IE6/7/8没有对应属性,可在handler内使用this来替代如evt.currentTarget = this。
[b]relativeTarget[/b] 指事件相关的元素,一般用在mouseover,mouseout事件中。IE6/7/8中对应的是fromElement,toElement。
[url=http://msdn.microsoft.com/en-us/library/ms536945%28VS.85%29.aspx]mouseenter[/url] ,[url=http://msdn.microsoft.com/en-us/library/ms536946%28VS.85%29.aspx]mouseleave [/url]IE9中仍然支持,另见 [url=http://blogs.sun.com/greimer/]Greg Reimer[/url] 的博文 [url=http://blogs.sun.com/greimer/entry/mouse_over_out_versus_mouse]Goodbye mouseover, hello mouseenter[/url] 。
mouseenter与mouseover区别在于:在元素内部移动时mouseenter不会触发。如下
[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]