事件冒泡- 关于onMouseOut违背逻辑关系的解决办法

 关于onMouseOut违背逻辑关系的解决办法！
现有如下代码：

<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的子元素，就不做任何事。