javascript - メイヘム：onMouseOver onMouseOut with div

Question

このWebページフラグメント上でマウスを左から右に動かすことを想像してみてください。

灰色のボックスはDIVです。マウスオーバーするときは1つのonMouseOverが必要で、終了するときは1つの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イベントを使用できます。