混乱：onMouseOver onMouseOut with div

Question

想象一下，在这个网页片段中左右移动鼠标：

灰色框是DIV。我想要一个单个 onMouseOver，并且在退出时需要单个 onMouseOut。

我实际得到的（从左到右）：

onMouseOver DIV
onMouseOut DIV
onMouseOver Flag
onMouseOut Flag
onMouseOver DIV
onMouseOut DIV
onMouseOver USA
onMouseOut USA
onMouseOver DIV
onMouseOut DIV
onMouseOver 2
onMouseOut 2
onMouseOver DIV
onMouseOut DIV

呼！

如何为容器DIV获取单个onMouseOver和onMouseOut？

Answer 1

Quirksmode has a wonderful article on this

虽然如果您想使用jQuery，可以使用mouseenter和mouseleave个事件。