MouseEventのtargetでつまづいた。
2008 年 10月 13 日仕事中にごくごく簡単なところでつまづいたのでメモ。
グラフィック要素だけのMovieclipインスタンス「a_mc」と、「b_child_mc」というMovieClipを内包した「b_mc」というMovieClipインスタンス。「a_mc」と「b_mc」にMouseEventをaddEventListerして、イベントハンドラ内で「e.target」を参照すると、前者は「a_mc」を、後者は「b_child_mc」を返してくる。無知のため、後者が予想外だった。以下サンプル。
Actionscript:
-
package {
-
import flash.display.Sprite;
-
import flash.display.MovieClip;
-
import flash.events.MouseEvent;
-
-
public class SampleMouseEvent extends Sprite {
-
-
/**
-
* コンストラクタ
-
*/
-
public function SampleMouseEvent():void{
-
-
//グラフィック要素だけの「a_mc」をつくってstageに置く。
-
var a_mc:MovieClip = new MovieClip();
-
a_mc.name = "a_mc";
-
a_mc.graphics.beginFill(0xff9900);
-
a_mc.graphics.drawRect(0, 0, 100, 100);
-
a_mc.graphics.endFill();
-
stage.addChild(a_mc);
-
a_mc.x = 10;
-
a_mc.y = 10;
-
-
//「b_mc」の子供となる「b_child_mc」を作る。
-
var b_child_mc:MovieClip = new MovieClip();
-
b_child_mc.name = "b_child_mc";
-
b_child_mc.graphics.beginFill(0x000099);
-
b_child_mc.graphics.drawRect(0, 0, 100, 100);
-
b_child_mc.graphics.endFill();
-
-
//「b_mc」を作って、「b_child_mc」をaddChildして、stageに置く。
-
var b_mc:MovieClip = new MovieClip();
-
b_mc.name = "b_mc";
-
b_mc.addChild(b_child_mc);
-
stage.addChild(b_mc);
-
b_mc.x = 120;
-
b_mc.y = 10;
-
-
//「a_mc」と「b_mc」にマウスオーバーのaddEventListener
-
a_mc.addEventListener(MouseEvent.MOUSE_OVER, mouseOver);
-
b_mc.addEventListener(MouseEvent.MOUSE_OVER, mouseOver);
-
}
-
-
/**
-
* イベントハンドラ
-
* @param e MouseEvent
-
*/
-
private function mouseOver(e:MouseEvent):void {
-
//イベントターゲットの名前をtrace
-
trace(e.target.name);
-
}
-
}
-
}
同じマウスイベントに対して同じような処理を行うMovieClipなどは、同じイベントハンドラをaddEventListenerして、その中でインスタンス名によって処理を分けていたりしたんだけど、子に「InteractiveObject」（DisplayObjectContainer, SimpleButton, TextField）を持つかどうかで、イベントターゲットが異なるので注意。
Adobeのリファレンスガイドにもしっかり書いてありました。
ネストされたノードが関係する場合、マウスイベントは、表示リストで確認できる最も深くネストされたノードをターゲットにします。このノードはターゲットノードと呼ばれます。
2008/10/21追記
すんません！この件、解決しました！
Tags: MouseEvent, つまづいた