JavaScript OnMouseOut事件

Question

目的:
一个position为absolute的<div id=div1> 
鼠标离开后隐藏这个div自身问题:
div上面如果有东西(比如超链接或者表格等元素)
鼠标移动到这些标签上就会执行div1的onMouseOut事件问题代码:function out(){
 document.getElementById("apDiv1").style.display="none";
}<div id="apDiv1"onmouseout="out()" style="background-color:#F00 ; position:absolute ; left:150px; height:150px; height:150px; width:150px;">
<a href="#">为什么鼠标移动到这里div就失去焦点了</a>
</div>邮箱:[email protected] 

Answer 1

<a href="#">为什么鼠标移动到这里div就失去焦点了</a>是链接标签 添加事件 onmouseout=""

Answer 2

问题已经解决修改后代码如下
function out(){
 document.getElementById("apDiv1").style.display="none";
}
function over(){
 document.getElementById("apDiv1").style.display="block";
}<div id="apDiv1"onmouseout="out()" onmouseover="over()" style="background-color:#F00 ;  position:absolute ; left:150px; height:150px; height:150px;  width:150px;">
<a href="#">鼠标移动到这里div就不会失去焦点了</a>
</div>

Answer 3

<script type="text/javascript">
function out(){ document.getElementById("apDiv1").style.display="none";}
function enter(){document.getElementById("apDiv1").style.display="block";}
</script>
<div id="apDiv1" onmouseover="enter()" onmouseout="out()" style="background-color:#F00 ; position:absolute ; left:150px; height:150px; width:150px;">
<a href="#" >现在鼠标移动到这里div也不会消失了</a>
</div>

Answer 4

HTML code<script type="text/javascript">
function out(){    document.getElementById("apDiv1").style.display="none";}
function enter(){document.getElementById("apDiv1").style.display="block";}
</script>
<div id="apDiv1" onmouseover="enter()" onmouseout="out()" style="background-color:#F00 ; position:absolute ; left:150px; height:150px; width:150px;">
<a href="#" >现在鼠标移动到这里div也不会消失了</a>
</div>