混乱：带有div的onMouseOver onMouseOut

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

ew！

我如何只为容器DIV获得一个onMouseOver和onMouseOut？

Answer 1

Quirksmode在这方面有一篇很棒的文章 。

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