Javascript 关于onmouseout事件

代码如下：

<div id="outerBox" style="border:1px solid red;width:300;height:300" onmouseout="alert('out')">
<div id="innerBox" style="border:1px solid blue;width:50;height:50">inner</div>
</div>

内部的

为什么当我在“innerBox”上移动鼠标时，它是触发警报（“out”）

我只希望鼠标移出“outerBox”触发警报（“out”），鼠标置于“innerBox”上不会触发警报

这么做热吗

---

谢谢大家：）

我在这里找到了一些您需要的功能：

这是mouseout和mouseover事件的标准行为。InternetExplorer实际上是一款升级版，因为它拥有专有的活动，可以提供您想要的行为

onmouseenter

和

onmouseeve

。主要的缺点是这些事件不是标准的一部分，其他浏览器也没有实现它们

如果使用，它有一个很好的跨浏览器实现。无论如何，使用框架来处理跨浏览器事件是个好主意。它不一定是jQuery，但我不确定其他是否有

mouseleave

事件

---

如果您没有使用jQuery或提供模拟事件的框架，请参见原型还具有模拟的

mouseenter

和

mouseleave

，FWIW@T.J.谢谢，我会记住的。我真的不知道还有哪些其他框架拥有它。我确实知道，有一段时间它一直在抱怨其他浏览器不支持这些事件，但没有多大成功：-）的头：是的，有点令人惊讶，特别是考虑到它是多么容易做到！甚至Chrome本身也没有。