jQuery中的mouseleave和mouseout的区别
来源:互联网 发布:博客程序源码下载 编辑:程序博客网 时间:2024/06/05 09:42
原文地址:http://www.cnblogs.com/jenney-qiu/archive/2012/02/10/2345338.html
$("li").each(function(i) {
//删除的鼠标划过的显示与隐藏
$(this).mouseover(function() {
$(this).find(".del").fadeIn(10);
})
$(this).mouseleave(function() {
$(this).find(".del").fadeOut(10);
})
})
上面的代码中如果不是用的mouseleave而是mouseout的话你会发现尚未离开类名的.del这个DIV这个DIV有时候就会闪动。那是因为你可能离开了该DIV的子元素,所以会出发mouseout事件。具体mouseleave和mouseout两者之间的区别主要有以下两点:
1.不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。
2.只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。
0 0
- jQuery中的mouseleave和mouseout的区别
- jQuery中的mouseleave和mouseout区别
- jquery 中的hover(),mouseleave()&mouseenter()和mouseover()&mouseout()的区别
- jQuery中mouseleave和mouseout的区别
- jQuery中mouseleave和mouseout的区别
- jquery mouseout 和mouseleave区别
- mouseout和mouseleave的区别
- mouseout和mouseleave的区别
- jQuery鼠标事件mouseleave和mouseout的区别
- JavaScript中的mouseover与mouseenter,mouseout和mouseleave的区别
- mouseover/mouseout和mouseenter/mouseleave的区别
- mouseout 和mouseleave 使用的区别
- mouseenter、mouseleave和mouseout、mouseover的区别
- 鼠标事件mouseout和mouseleave的区别
- jquery中mouseover和mouseout以及mouseenter和mouseleave的区别
- jQuery mouseover与mouseenter,mouseout与mouseleave的区别
- JQuery mouseover与mouseenter,mouseout与mouseleave的区别
- jQuery mouseover与mouseenter,mouseout与mouseleave的区别
- 你没见过的通俗spring mvc~~~有好戏
- android在SD卡不同目录下获取文件
- 如何在Windows 7平台搭建Android(eclipse) Cocos2d(c++)开发环境
- 华为oj 矩阵乘法
- GNU Debian Linux下的界面绘制工具pencil简介
- jQuery中的mouseleave和mouseout的区别
- weblogic优化
- 用sqlyog打开.sql文件
- 6、NSString的常用方法
- Keepalived笔记-VRRP协议介绍(1)
- Android之sqlite数据库的简单使用
- SQL优化--Exists和in的效率哪个高
- the identity used to sign the executable is no longer valid.的解决方法
- DataGridView绑定list的注意事项