javascript - 混乱：onMouseOver onMouseOut 与 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 对此有一篇精彩的文章。

虽然如果你喜欢使用 jQuery，你可以使用mouseenter和mouseleave事件。