Hi,
My page has a div with 2 event handlers: "onmouseover" and "onmouseout". However, the div has several inner items, so when the mouse goes over one of them, this triggers the div's "onmouseout".

I need this event to trigger only when the mouse completely leaves the div.. (when the mouse goes over an inner object, it is still over the div, and i can't prevent the "onmouseout" event.. :()

Help anyone

Hi tal

You can use "onmouseleave" event instead of "onmouseout".
"mouseleave" event would be fired just when mouse is completely out of your element.

Ehsan Zaery Moghaddam

But no
onmouseleave is an IE-only event..
What needed here is an implementation of this, but i'm starting to think this is not possible :(

Hi again

You can watch location of mouse in your "onmouseout" and check whether it's exact position is inside your div element or not?

(of course if you have an exact width and height of your div element)

Ehsan Zaery Moghaddam

You do have another option, but it's not a step-by-step.

There are "some" times that JS considers mousing over a child element to be a mouseout, there are "others" that it doesn't. I was never able to find a satisfactory to patch the "mouseout" behavior. However, when I programmed what I wanted to do in a different way, it worked fine.

If it's helpful to you, you can check out my beta website for details of my specific situation.

http://beta.earthchronicle.com/ECBet...Detection.aspx

Steps 5,6,&7 are where I developed the code that ran away from child elements. Step 8 was where I took a different approach. That's how I got mine to work.

-------------------------

Whatever you can do or dream you can, begin it. Boldness has genius, power and magic in it. Begin it now.
-Johann von Goethe

When Two Hearts Race... Both Win.
-Dove Chocolate Wrapper

Chroniclemaster1, Founder of www.EarthChronicle.com
A Growing History of our Planet, by our Planet, for our Planet.