关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别
2015-10-12 00:00
417 查看
最近在做的在线考试和课程商城都遇到这样的问题:就是鼠标滑过的时候出现一个层,当鼠标滑到当前层的话mouseover和mouseout在低版本的浏览器会出现闪动的现象,解决这个现象的办法有许多,不过我觉得有一种是最简单的那就是把mouseover和mouseout换成对应的mouseenter和mouseleave。
当鼠标指针位于元素上方时,会发生 mouseover 事件。
该事件大多数时候会与 mouseout 事件一起使用。
注释:与 mouseenter 事件不同,不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。
注释:与 mouseleave 事件不同,不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。请看下面例子的演示。
当鼠标指针穿过元素时,会发生 mouseenter 事件。该事件大多数时候会与mouseleave 事件一起使用。
注意:mouseover ,mouseout当鼠标指针穿过被选元素子元素时,也会触发事件。这在绑定事件时,有时出现意想不到的Bug可能就是由 mouseover mouseout 事件引起的
mouseover与mouseenter
不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。
只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。
mouseout与mouseleave
不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。
只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。
相关文章推荐
- android开发教程21篇(强烈推荐,几乎每一篇都是精华教程)
- jquery实现仿新浪微博带动画效果弹出层代码(可关闭、可拖动)
- JS实现新浪微博效果带遮罩层的弹出框代码
- 一个php+js实时显示时间问题
- JavaScript 性能优化小结
- 编写高性能Javascript代码的N条建议
- linux mint 下mysql中文支持问题
- PHP MySQL的安装与配置详解
- mysqldump命令导入导出数据库方法与实例汇总
- 不想当一辈子码农,这有份IT民工进阶手册
- 程序员常去的6个头条分享站点
- PHPCMS笔记之幻灯片 查询所选栏目有图片的文章并控制显示数量
- 在DOTA2中突破移动速度上限的办法
- 泛型边界控制
- SqlMapConfig.xml 配置
- Mysql查看当前数据库连接信息
- python在crontable中报错
- 搭建前端开发环境
- hibernate三级缓存概括
- 关于MMX多媒体扩展指令集的优势分析