onmouseout 的问题

自己开始用javascript源代码写js,前天遇到一个问题。只有当鼠标从div中移开的时候才会触发onmouseout事件，可是，事实上，当我们移到div中的元素时就会触发onmousout事件。也就是说，移到对象的子对象上，也算onmouseout了。这件事让我郁闷了好久。

解决方法：
<script type="text/javascript">

function test(obj, e) {

if (e.currentTarget) {

     if (e.relatedTarget != obj) {

//e.relatedTarget为event的相关节点

         if (obj != e.relatedTarget.parentNode) {

alert(1);

} 

}

} else {

   if (e.toElement != obj) {

if (obj != e.toElement.parentNode) {

    alert(1);   

}

}

}

}</script><div onmouseout="test(this, event)" style="width:100px;height:100px;border:1px #666 solid"><span style="margin:5px;width:100%;height:100%;border:1px #ff0000 solid">好好学习了</span></div></body></html>