EaselJSテキストの更新方法

Question

mouseoveerイベントが発生したときに、各サークルの上にある円とテキストを更新しようとしていますが、円を更新するだけですが、テキストの更新方法はわかりません。あなたのリスナーに

for (var i = 0; i < 100; i++) { 
 
    var circle = new createjs.Shape(); 
 
    var r = 7; 
 
    var x = window.innerWidth * Math.random(); 
 
    var y = window.innerHeight * Math.random(); 
 
    var color = colors[Math.floor(i % colors.length)]; 
 
    var alpha = 0.2 + Math.random() * 0.5; 
 
    circle.color = color; 
 
    circle.alpha = alpha; 
 
    circle.radius = r; 
 
    circle.graphics.beginFill(color).drawCircle(0, 0, r); 
 
    circle.x = x; 
 
    circle.y = y; 
 

 

 
    var txt = new createjs.Text(i.toString(), "11px Arial", "#FFF"); 
 
    txt.x = x - 4; 
 
    txt.y = y - 18; 
 

 
    var con = new createjs.Container(); 
 
    con.addChild(circle, txt); 
 

 
    con.addEventListener("mouseover", function(event) { 
 
    event.target.graphics.clear().beginFill(event.target.color).drawCircle(0, 0, 15).endFill(); 
 
    event.target.text = "dsfasd"; 
 
    stage.update(event); 
 
    }); 
 

 
    stage.addChild(con); 
 
}

Answer 1

、targetは、コンテナ自体を指します。しかしevent.target.textは、その中に子として追加されたテキストオブジェクトへの参照ではありません。 2番目の子供にアクセスするには、event.target.children[1]をする必要があります。