Mayhem: onMouseOver onMouseOut с div

Представьте, что вы двигаете мышью слева направо по этому фрагменту веб-страницы:

введите здесь описание изображения

Серое поле — это 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

Вау!

Как я могу просто получить один onMouseOver и onMouseOut для контейнера DIV?


javascript html onmouseover onmouseout
person soupagain    schedule 18.02.2011    source источник
comment
Я не совсем уверен, поэтому не буду публиковать ответ, но я думаю, что это связано с всплытием событий. Как вы настраиваете прослушиватель событий?   -  person Olical    schedule 19.02.2011
comment
на Quirksmode есть замечательная статья по этому поводу   -  person zzzzBov    schedule 19.02.2011
comment
Вы уверены, что хотите пометить CSS, а не JavaScript?   -  person zzzzBov    schedule 19.02.2011
comment
@zzzzBov 5 минут с этой статьей, и она у меня работает! Пожалуйста, добавьте свой комментарий в качестве ответа, и я приму его.   -  person soupagain    schedule 19.02.2011

Ответы (1)


arrow_upward
1
arrow_downward

на Quirksmode есть замечательная статья по этому поводу.

Хотя, если вам хочется использовать jQuery, вы можете использовать mouseenter и mouseleave.

person zzzzBov    schedule 18.02.2011