Mayhem: onMouseOver onMouseOut with div
Question
Imagine moving your mouse left to right across this webpage fragment:
The gray box is a DIV. I want a single onMouseOver when mousing into it, and a single onMouseOut when exiting it.
What I actually get (left to right):
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
Whew!
How can I just get a single onMouseOver and onMouseOut for the container DIV?
1 answers
solution1
1 ACCPTED 2011-02-18 22:09:31
Quirksmode has a wonderful article on this .
Although if you feel like using jQuery you can use mouseenter and mouseleave events.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Div Flickering onmouseover, onmouseout
onMouseOver, onMouseOut and <div>
onMouseOver and onMouseOut show and hide div
Move div animation onmouseover,onmouseout
Show/hide div on onMouseover and onMouseout.
Show/hide div onmouseover/onmouseout Javascript
Fading a <div> With 'onmouseover' and 'onmouseout' Happens Several Times
Changing multiple div background onclick , onmouseout and onmouseover
Change Div Content with JavaScript, onmouseover and onmouseout?
onmouseover and onmouseout
Related Tags