Canvas children and mouseOver

Question

Simply put, I have a repeating canvas that contains buttons,
an image, and a text field. When the user rolls their mouseOver the
canvas, a child canvas becomes visible with buttons inside of it.
Works great when you make sure that the mouse stays only over true
canvas area and not over a child inside of the canvas. If it falls
over a child, it fires the mouseOut and the buttons become
invisible. Essentially, you can't click on the buttons because they
are a child and the mouseOut goes off, making them invisible! How
can I keep the mouseOver alive, even over a child?
Thanks!

Answer 1

check the parent of the event "target", not the parent of the
event.
In Flex, events can possibly participate in three phases:
1) cascading phase as the event goes from the top of the
display list through all parents of the control that dispatched the
event.
2) targeting phase, as the event goes through the target, the
control that dispatched the event.
3) bubbling phase as the event goes back up the display list
through parents of the control that dispatched the event.
- not all events bubble
- you may need to add an event listener twice, and have the
arg to addEventListener for bubbling to true and then false if you
want to listen during cascading and bubbling phases.
Now you are probably confused, so ignore some of what I said,
and concentrate on listening to mouseOver events in the Cnavas, and
then when the event handler is called, examine the target and
possibly currentTarget properties of the event object to see if it
is the child of the Canvas, and then act as appropriate.