求教js问题，貌似是冒泡问题

[duncannjm]

<script>
   function test()
   {
      alert("hello World!");
   }
</script>

<div onmouseout="test()">
    <img src="1.jpg" alt="">
    <p>hello</p>
</div>

上面代码段中，我的本意是当鼠标移出Div区域就执行test函数，但是当鼠标移至p标签上时就执行该函数了（鼠标还未移出Div区域啊），请问这样的问题如何解决啊。

[yhtapmys]

http://topic.csdn.net/u/20090929/21/314549cd-adcf-41a1-91b2-4eaf2ae0aebf.html

<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?window.event:evt;
    var obj = evt.toElement || evt.relatedTarget
    if(document.getElementById("divPromptBox").contains(obj)) return;
    alert('');
}
</script>
<div id="divPromptBox" class="PromptBox" style="width:50%;background:#ccc" onmouseout="doit(event);">
<a href="#">... </a>
<div>... <div>
<span>... </span> 
</div> 

[霸王降临]

不是移到P上面了么?

[Mr-Jee]

是这样的
div -> p(虽然P在div中，但是他会暂时"离开"div） -> div

所以你放到p上的时候 是至于的
div onmouseout
p.onmouseover
div.onmouseover