Question

I am building an RIA application using Flex 4.6 that contains a main borderContainer (page) that can contain some other borderContainers (graphic or text elements).

I added an event listener on the page to listen to click events:

page.addEventListener(MouseEvent.CLICK, clickHandler, true);

clickHandler looks like this:

private function clickHandler(event:MouseEvent):void
{
    // Remove event listeners
    page.removeEventListener(MouseEvent.CLICK, clickHandler, true);

    // Get click position
    objX = event.localX;
    objY = event.localY;
}

My problem is that although the event’s currentTarget is always the page (normal), the target can either be the page or one of its children, and then localX doesn’t give me the position on the page but on the child.

Is there a way to make sure the page is always the target of the event? Something like stopping the capturing phase on the page so it doesn’t go deeper?

Thanks in advance for your help

Darrel

Answer 1

I think you may be asking the wrong question. As I understand it, you want the x/y position relative to ‘page’. You can use the DisplayObject#globalToLocal() function to find this.

Just take the the global coordinates and convert them to local coordinates relative to ‘page’:

var coordinates:Point = new Point(event.stageX, event.stageY);
coordinates = page.globalToLocal(coordinates);
objX = coordinates.x;
objY = coordinates.y;