今是在做一个动态显示的小提示. 如图
当鼠标移上到用户名时动态显示 下面的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)