Clicking on sprite child triggers its parent's function as well.

[maguskrool]

Hello.

I have this menu item, which is a Sprite. The menu item then has several other items, also Sprite, as children. All items have a listener for click events. When I click the parent item, it's all ok, but when I click one of the children, both the child and the parent Sprite's event handler functions are triggered.

var myParent:Sprite = new Sprite();
var myChild1:Sprite = new Sprite();
myParent.addChild(myChild1);

function click_parent ($event:MouseEvent) {
trace ("parent clicked");
}
function click_child ($event:MouseEvent) {
trace ("child clicked");
}
myParent.addEventListener(MouseEvent.CLICK, click_parent);
myChild.addEventListener(MouseEvent.CLICK, click_child);

//(Clicking myParent)
//parent clicked

//(Clicking myChild1)
//child clicked
//parent clicked

How can I stop the parent sprite from responding to the click on the child?

Thanks in advance.

http://www.vivoeusebio.com

 

[kennethkawamoto]

Check [tt]$event.currentTarget[/tt] and act accordingly.

Kenneth Kawamoto

http://www.materiaprima.co.uk

 

[maguskrool]

Thank you. I've also been advised, in other forums, to use the stopPropagation() and stopImmediatePropagation() methods.

http://www.vivoeusebio.com