Can multiple mouse actions be added to a button? How? - actionscript-3

Question

So i have a ton of button on stage and id like to assign the same function to all the buttons.
I want the function itself to evaluate whether ot not the event received was a MOUSE_CLICK or a MOUSE_HOVER and based on the event do something...
What i have is something like this....
btn1.addEventListener(MouseEvent.CLICK, makeListener('option1'));
btn2.addEventListener(MouseEvent.CLICK, makeListener('option2'));
btn3.addEventListener(MouseEvent.CLICK, makeListener('option3'));
btn4.addEventListener(MouseEvent.CLICK, makeListener('option4'));
btn5.addEventListener(MouseEvent.CLICK, makeListener('option5')); // and so on for about 100 buttons
btn1.addEventListener(MouseEvent.MOUSE_HOVER, makeListener('option1'));
btn2.addEventListener(MouseEvent.MOUSE_HOVER, makeListener('option2'));
btn3.addEventListener(MouseEvent.MOUSE_HOVER, makeListener('option3'));
btn4.addEventListener(MouseEvent.MOUSE_HOVER, makeListener('option4'));
btn5.addEventListener(MouseEvent.MOUSE_HOVER, makeListener('option5')); // and so on for about the same 100 buttons
function makeListener(option: String): Function {
return function (event: Event): void {
// DO something
}
}
What I would like is something like this... (obviously it doesnt work)
btn1.addEventListener(MouseEvent.CLICK || MouseEvent.CLICK, makeListener('option1'));
btn2.addEventListener(MouseEvent.CLICK || MouseEvent.CLICK, makeListener('option2'));
btn3.addEventListener(MouseEvent.CLICK || MouseEvent.CLICK, makeListener('option3'));
btn4.addEventListener(MouseEvent.CLICK || MouseEvent.CLICK, makeListener('option4'));
btn5.addEventListener(MouseEvent.CLICK || MouseEvent.CLICK, makeListener('option5')); // and so on for about 100 buttons
function makeListener(option: String): Function {
return function (event: Event): void {
if (event = MOUSE_CLICK){
// DO something
} else if(event = MOUSE_HOVER){
// Do Something else
}
}
}
Any ideas?

Answer 1

I'd add CLICK and MOUSE_HOVER listeners in button class and in event handler for them dispatch CustomEvent.
Next on the stage where you are listening for all this CLICK and HOVER events I'll addEventListener for this custom Event and in one of the parameters pass which action you want to do.
So 1st you need ButtonCustomEvent class with const and extra param:
public class ButtonCustomEvent extends Event
{
public static const CUSTOM_EVENT:String = "ButtonCustomEvent::CUSTOM_EVENT";
private var _customParam:String;
public function ButtonCustomEvent(type:String, bubbles:Boolean=false, cancelable:Boolean=false)
{
super(type, bubbles, cancelable);
}
public function get customParam():String
{
return _customParam;
}
public function set customParam(value:String):void
{
_customParam = value;
}
}
Next in your button class:
public class MyButtonClass extends Sprite
{
public function MyButtonClass ()
{
super();
addEventListener(MouseEvent.CLICK, handleEvent);
addEventListener(MouseEvent.MOUSE_OVER, handleEvent);
}
public function handleEvent(event:MouseEvent):void
{
var myEvent:ButtonCustomEvent = new ButtonCustomEvent(ButtonCustomEvent.CUSTOM_EVENT, true);
myEvent.customParam = event.type;
dispatchEvent(myEvent);
}
}
And then if class where you are adding listeners for ~100 buttons you can do now:
addEventListener(ButtonCustomEvent.CUSTOM_EVENT, handleEvent);
public function handleEvent(event:ButtonCustomEvent):void
{
if(event.customParam == MouseEvent.CLICK)
{
//DO something
}
else if(event.customParam = MouseEvent.MOUSE_OVER)
{
//Do Something else
}
}