javascipt中mouseout和mouseover事件冒泡介绍

function showdiv()
{
 $('J_CateList').style.display='block';
}

function hidediv()
{
 $('J_CateList').style.display='none';
}

html

<div class="show-cate" id="J_ShowCate">    
 <span  id="desc" onmouseover="showdiv();"></span>
        <ul class="cate-list" id="J_CateList"  onmouseout="hidediv();">
        fdafdsafsa 
        </ul>
</div>

 function isMouseLeaveOrEnter(e, handler) {
    if (e.type != 'mouseout' &amp;&amp; e.type != 'mouseover') return false;
    var reltg = e.relatedTarget ? e.relatedTarget : e.type == 'mouseout' ? e.toElement : e.fromElement;
    while (reltg &amp;&amp; reltg != handler)
        reltg = reltg.parentNode;
    return (reltg != handler);
}

使用:

 element.onmouseout = function(e){
    if(isMouseLeaveOrEnter(e, this)){
        ... // 操作函数
    }
}