鼠标移出时隐藏 DIV 的问题

今是在做一个动态显示的小提示. 如图

 

 

当鼠标移上到用户名时动态显示 下面的DIV。去看微博（A标签）。去看空间（A标签）。这个DIV（ID为vblog_space_div）。

 

当鼠标移出去。此DIV隐藏。发现一个问题。当鼠标移到去看微博或去看空间时。也会触发父节点DIV的移出事件。最后研究出下面的处理办法。

 

//事件绑定

jQuery(vblog_space_div).bind('mouseout',function(event){ vblog_space_mouse_out(event); });

 

//移出事件的处理

function vblog_space_mouse_out(e)
    {
        var evt = e || window.event;
        if(((evt.toElement || evt.relatedTarget).tagName).toUpperCase() == 'DIV' && ((evt.toElement || evt.relatedTarget).id != 'vblog_space_div'))
        {
            jQuery('#vblog_space_div').slideUp();
        }
    }

 

通过判断移出到哪来区分到底是移到 父节点内部的 去看微博，去看空间上了。还是真正移出了 该 DIV 所在区域了。

 

evt.toElement || evt.relatedTarget  //如果是移出事件。事件对象的该属性指出鼠标当前移入的节点。toElement(IE) relatedTarget(非IE)