DOM同时设置mouseover与mouseout事件控制元素显示时出现闪烁问题
来源:互联网 发布:nginx配置ip端口访问 编辑:程序博客网 时间:2024/05/19 14:01
在给一个DOM元素同时设置mouseover与mouseout事件来控制另一元素显示与隐藏式时会出现闪烁问题。
这是由js事件的冒泡引起的,在网上找了很多解决方案,经测试很多都没有效果。
最终找到一个简单粗暴的解决方法:mouseover事件不做改变(一般是控制目标元素的显示),但是不再设置mouseout 事件,而是给目标元素绑定一个mouseleave事件,$("目标元素id").bind("mouseleave", function() { $(this).hide(); });mouseleave事件实在jQuery中定义,需要引入JQuery。
在很多文章中看到的解决方法是将 mouseover 改成 mouseenter,mouseout 改成mouseleave。
还有一些其他方案参考:http://blog.sina.com.cn/s/blog_6261f86901011mub.html(设置定时器等)
0 0
- DOM同时设置mouseover与mouseout事件控制元素显示时出现闪烁问题
- jquery 当DIV有子元素时,mouseover和mouseout事件同时使用时,会产生闪烁的情况
- jQuery中对同一个元素使用mouseover和mouseout产生闪烁问题
- jQuery因mouseover,mouseout冒泡产生的闪烁问题
- jQuery因mouseover,mouseout冒泡产生的闪烁问题
- 解决因mouseover,mouseout冒泡产生的闪烁问题+兼容性问题
- JQuery mouseout,mouseover事件
- 使用mouseover()与mouseout()使鼠标覆盖后可以显示新的html元素
- 相对定位父子元素触发mouseover和mouseout事件实验
- 鼠标事件:MouseOut与RollOut,MouseOver与RollOver
- 关于mouseout和mouseover等等类似事件的冒泡问题
- mouseover和mouseout事件在鼠标经过子元素时也会触发
- mouseover和mouseout事件在鼠标经过子元素时也会触发
- 如何防止鼠标移出移入子元素触发mouseout和mouseover事件
- mouseover、mouseout停止事件冒泡的解决方案
- mouseover、mouseout停止事件冒泡的解决方案
- 用脚本添加mouseover和mouseout事件
- mouseover、mouseout停止事件冒泡的解决方案
- Thrift使用
- php导出excel 大数据 时候需要注意的问题
- nodejs微信后台验证
- 取得uuid并且放进钥匙串
- Opencv模块学习
- DOM同时设置mouseover与mouseout事件控制元素显示时出现闪烁问题
- redhat系统下网络配置
- Apache commons codec |MD5 SHA BASE64 简单方便操作
- java--servlet输出流和请求包含的一些小细节
- HTML第一章课后四
- 禁止浏览器缓存方案
- Single address spaces: design flaw or feature? part1
- 20条linux命令面试问答
- 强烈推荐一个在线caffe网络可视化工具!!