Question

javascript onmouseout事件

目的:
一个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>

邮箱:ws3@live.cn

Answer 1

应该用这个事件onmouseleave

<div id="apDiv1" onmouseleave="out()" style="background-color:#F00 ; position:absolute ; left:150px; height:150px; height:150px; width:150px;">
<a href="#">为什么鼠标移动到这里div就失去焦点了</a>
</div>

Answer 2

先要有onmouseover再有onmouseout