Question

In flex, I am using the following code:

mx:HBox id=”box1″ mouseOver=”onBox(‘box1’)” mouseOut=”outofBox(‘box1’)”
// adding label
// closing HBox

onBox adds an image as child of box1:

var crossImage:Image = new Image();
crossImage.source = “cross.png”;
crossImage.id = “cross”;

box1.addChild(crossImage);

and outofBox removes them.

I believe that image is child of HBox so mouseOut should not be triggered when I hover the mouse over image. But, the moment I hover my mouse pointer over image, mouseOut is triggered. Why is it so?

Answer 1

Set the mouseChildren property of the container to false