mouseleave与mouseout区别

简介:

mouseleave:

当鼠标指针离开元素时,会发生 mouseleave 事件。该事件大多数时候会与 mouseenter 事件一起使用。


mouseout:

当鼠标指针从元素上移开时,发生 mouseout 事件。该事件大多数时候会与 mouseover 事件一起使用。


区别:

只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。

如果鼠标指针离开任何子元素,同样会触发 mouseout 事件。


实例见:

http://www.w3school.com.cn/tiy/t.asp?f=jquery_event_mouseleave_mouseout


比如以下情况就只能用:mouseleave

wKiom1L53eGwmkxHAAB7FMPEgGU603.jpg

需要点击历史登录账号时,

1、获取到用户名并赋值到input框中;

2、同时隐藏class="selectItemhidden"的div(如图红色区域的“账号登录历史"div)。


BUG:如果用mouseout,鼠标一移上去,红色区域的div就消失了,导致获取不到账号值。(原因就是selectItemhidden中还包含多个div


附代码:


1
2
3
4
5
6
7
8
9
10
$( ".selectSubList" ).click( function (){
     var  nowSelectName=$( this ).text();
     $( ".selectItemhidden" ).hide();
     $( "#name" ).val(nowSelectName);
     $( "#pass" ).focus();
});
                                                                                 
$( '.selectItemhidden' ).mouseleave( function (){
     $( ".selectItemhidden" ).hide();
});



jquery事件大全:

http://www.w3school.com.cn/jquery/jquery_ref_events.asp






      本文转自许琴 51CTO博客,原文链接:http://blog.51cto.com/xuqin/1358152,如需转载请自行联系原作者




相关文章
|
12天前
知识和智慧的联系和区别
知识和智慧的联系和区别
22 0
|
12天前
|
Web App开发 安全 应用服务中间件
浅谈C/S vs. B/S的区别
浅谈C/S vs. B/S的区别
37 0
|
8月前
bis和bic区别与实现
bis和bic区别与实现
57 0
|
10月前
|
存储
逻辑移位与算术移位的区别
用一句简单的话来说就是:逻辑移位不需要考虑符号位,算术移位需要考虑符号位,我们都知道。数在计算机中都是以补码的形式来存储的,这才造成了逻辑移位和算术移位的的差别。
213 0
||、&&、!的使用与区别
||、&&、!的使用与区别
68 0
|
算法 编译器 Linux
C与C++的区别
C与C++的区别
95 0
|
JSON 数据格式
for...in/for...each/for...of的区别
for...in/for...each/for...of的区别
108 0
for...in/for...each/for...of的区别
@EnableEurekaClient上有@EnableDiscoveryClient区别
@EnableEurekaClient只适用于Eureka作为注册中心,@EnableDiscoveryClient 可以是其他注册中心。
910 0
|
容器 数据格式 XML
getMeasuredWidth和getWidth的区别
View的getWidth()和getMeasuredWidth()有什么区别吗? View的高宽是由View本身和Parent容器共同决定的。getMeasuredWidth()和getWidth()分别对应于视图绘制的measure和layout阶段。
1482 0