javascript onmouseout问题解决方案

Javascript onmouseout问题解决方案

我们预期只有当鼠标从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">faddsf</span></div></body></html>

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/LLorJJ999/archive/2009/10/29/4741232.aspx