mouseleave與mouseout區(qū)別

mouseleave：

當(dāng)鼠標(biāo)指針離開元素時(shí)，會(huì)發(fā)生 mouseleave 事件。該事件大多數(shù)時(shí)候會(huì)與 mouseenter 事件一起使用。

mouseout：

當(dāng)鼠標(biāo)指針從元素上移開時(shí)，發(fā)生 mouseout 事件。該事件大多數(shù)時(shí)候會(huì)與 mouseover 事件一起使用。

區(qū)別：

只有在鼠標(biāo)指針離開被選元素時(shí)，才會(huì)觸發(fā) mouseleave 事件。

如果鼠標(biāo)指針離開任何子元素，同樣會(huì)觸發(fā) mouseout 事件。

實(shí)例見：

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

比如以下情況就只能用：mouseleave

需要點(diǎn)擊歷史登錄賬號(hào)時(shí)，

1、獲取到用戶名并賦值到input框中；

2、同時(shí)隱藏class="selectItemhidden"的div（如圖紅色區(qū)域的“賬號(hào)登錄歷史"div）。

BUG：如果用mouseout，鼠標(biāo)一移上去，紅色區(qū)域的div就消失了，導(dǎo)致獲取不到賬號(hào)值。（原因就是selectItemhidden中還包含多個(gè)div）

附代碼：

$(".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