Howto: "Is Mouse Inside"?

[Ramsay]

Hello all,

I'm trying to work out how to do a slightly more complex mouseover. If I have this:

<div id="outer">
    <div id="inner">text</div>
</div>

And I attach mouseover and mouseout listeners to "outer", if the I mouseover "inner" then I trigger the mouseout on "outer"... Is there a clever way of avoiding this with Ext?

[brian.moeskau]

Events will start at the element you're directly interacting with and bubble up from there. The easiest approach is probably to check the target of the event passed into your handler and filter on the id, disregarding any elements that you don't care about. If you literally wanted to prevent the event from propagating up from inner, then you'd probably need to call e.stopEvent() if the target id is 'inner'.

[Ramsay]

Yep, I've done something similar before. I was just hoping that there was some magic method which Ext could provide to help me out. Thanks for the advice though!

8)

[oxi]

Could you share some example code with us Ramsay?
Thanks in advance...