混亂：帶有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事件。