鼠标移入子元素上触发元素的mouseout事件

Question

如果可以阻止鼠标移入子元素时.触发元素的mouseout事件? 谢谢.

Answer 1

我的问题问的不清楚.我的错.我的意思是.如何阻止当鼠标移到子元素上触发父元素的mouseout事件.也就是说.当鼠标还在父元素区域.但是也在子元素上,不要发生mouseout事件.如何办到,能和我说下思路吗

Answer 2

不知道在子元素的mouseout重写一个匿名函数，函数不做任何操作可以不

Answer 3

<script>
if(typeof(HTMLElement)!="undefined")
HTMLElement.prototype.contains=function(obj)
{
  if(obj==this)return true;
  while(obj=obj.parentNode)if(obj==this)return true;
  return false;
} 
function doit(evt){
evt = window.event || evt;
var obj = evt.toElement || evt.relatedTarget;
var pa = document.getElementById("pad");
if(pa.contains(obj)) return false;
    alert('out');
}
</script><div id="pad" onmouseout="doit(event);" style="padding:10px;width:200px;height:200px;background:#CCC">
<div style="background:#FFF">xxxxxx</div>
</div>