Question

div内的onmouseout事件

想做个导航，对导航的一个div添加了onmouseout事件，同时在div内有若干个a标签；在div内，为何鼠标移到a标签上的时候也会触发onmouseout事件。
代码如下：
<div id="gd" onmouseout="hidegd()" style="filter:Alpha(opacity=70); -moz-opacity:0.7; visibility:visible; background:url(./show.gif); width: 69px; height: 110px;">
<a>123</a><br>
<a>123</a><br>
<a>123</a><br>
<a>123</a><br>
<a>123</a><br>
</div>
function hidegd(){
document.getElementById('gd').style.visibility = "hidden";
return false;
}
就是实际既然a标签在div内，所以鼠标划上a时，不应该触发onmouseout呀。
自行通过在div上加onmouseover事件解决。

Answer 1

因为div是个容器 而你是给div加的事件，所以只要在div里的元素 一样是触发div的事件

Answer 2

是这样的。要避免这个问题要用 mouseleave替换mouseout 即可。

追问

可是mouseleave只适合于ie啊

追答

那就用JQ吧。哈哈。。。

Answer 3

JS还是学习一下jquery吧，这个操作这些要简单得多