clicking 2 overlapping buttons at once

Question

Hello! I am wondering if anyone can suggest a simpler solution to this, perhaps I'm overlooking something.

I have several elements used as buttons, some of them overlap. If I click on the overlapping elements, they both need to trigger their respective functions. By default, only the top element will register a click, and the one underneath will not.

My solution was as follows:

Rather than assign click event listeners, I store nominal bounds of all buttons and on click check if my mouse position falls inside any of them. If yes, I trigger the function for anything that's hit.

This works, but it seems very overengineered. Is there a simpler way to do this?

Thank you!

JoãoCésar17023019 · Accepted Answer

Hi.HTML5 or AS3?You can use the getObjectsUnderPoint method in both languages.HTML5 | AS3Here is a HTML5 example:stage.on("stagemousedown", function(e){ var pressedObjects = e.currentTarget.getObjectsUnderPoint(e.stageX, e.stageY); pressedObjects.forEach(function(object) { object.alpha = 0.25; });});Regards,JC

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded