我在一个div中放了一个<a> 为什么我把鼠标移到<a>上 也触发了 这个div的鼠标移除事件

Question

我在一个div中放了一个<a> 为什么我把鼠标移到<a>上 也触发了 这个div的鼠标移除事件

Answer 1

因为鼠标从div上移到了a上面，因此触发了div的mouseout事件，

解决办法：mouseout和mouseover事件的事件对象上面有一个相关元素的属性relatedTarget

mouseover是鼠标从哪个元素移到当前元素上面

mouseout是鼠标从当前元素移到哪个元素上面去了

不过IE有点兼容问题，在ie中分成LE 两个属性，一个是toElement，另一个是fromElement，自己测试一下就知道了！

例：（IE兼容问题请自己尝试处理一下：））

obj.onclick=function(e){
    var e = window.event||e;
    if(e.relatedTarget !== div){
        //你要执行的操作。。。。。
    }
}