现有如下代码：
<div id='div1' style='width:200; height:200;' onMouseOut="HideDiv('div1');">
<a href='#'>test</a>
</div>
鼠标移出这个层的时候，就触发onMouseOut事件，将层隐藏掉。
但是，如果你的鼠标接触到文字的时候，由于你接触到了A标记，而A标记在div1上边，所以就认为鼠标已经出了div1的范围了，就执行onMouseOut了，这个实际上并不是我们的本意。
所以只能修改了一下HideDiv()方法，使其符合我们的要求
function HideDiv(pName)
{
var obj = event.toElement;
while( obj!=null && obj.id!=pName )
{
obj = obj.parentElement;
}
if( obj==null )
{ document.all['div1'].style.display = 'none'; }
}
大概意思是，当触发onMouseOut事件时，先获取鼠标当前所指向的元素（对象），
然后用递归方法，一层一层的往外找它的父元素，判断有没有叫div1的。
如果一直到页面最外一层还找不到的话，那就把层隐藏了，
如果找到的话，说明是div1的子元素，就不做任何事。
---------------------------------------------
生活的意义并不是与他人争高下，而在于享受努力实现目标的过程，结果是对自己行动的嘉奖。
↑面的话，越看越不痛快，应该这么说：
生活的意义就是你自己知道你要做什么，明确目标。没有目标，后面都是瞎扯！
新博客 https://www.VuejsDev.com 用于梳理知识点