Clicking on nested clips creates problems with the 'event.target' in the function calls

This is the structure of my nested clips

screen
   |
circle
   |
triangle

Visually, triangle is on top of circle, and circle is over the bottom part of screen


The screen calls a function when clicked, and the function uses event.target to obtain the id of the screen.

The problem is that if the user's mouse is over, say, triangle when he clicks, triangle will be passed as the event target instead of screen.

How do I do it so that no matter where on the screen the suer clicks, event.target will always be the users id?

Many thanks


 Start Free Trial

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:

for (var i:Number=0; i<4; i++) {
		var m=contents.addChild(new screen);		
                m.name="m"+i;
		m.myi=i;
                m.x=i*200
		m.buttonMode=true;
		m.addEventListener(MouseEvent.CLICK,jump);
}			
 
 
function jump(event:MouseEvent):void {
		var id=event.target.parent.myi;
		trace("event"+id)
}