鼠标移出时隐藏 DIV 的问题

来源：互联网发布：淘宝买了假货怎么投诉编辑：程序博客网时间：2024/05/24 04:30

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

当鼠标移上到用户名时动态显示下面的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)