addeventlistener - 形の色が変わらない 理由がわからない

Question

xml からカスタマイズされた図形の束を描画するコードがあります...オブジェクトの色を変更し、物事が変わったときに他のすべての色を変更することで、各図形を選択可能/選択解除可能にしたいのですが、コードが壊れていますしかし、エラーが発生したり、機能しないだけです。

        var graphicsShape

 function drawLayer(layer){
    for (var i =0; i < xmlDoc.getElementsByTagName("polygon").length; i++)
        {
            if (layer == xmlDoc.getElementsByTagName("polygon")[i].childNodes[0].attributes[4].value)
               { drawSegment(i);
               }
        }

    }
     // layer = index z     

 function drawSegment(a){

    var vertexList =  xmlDoc.getElementsByTagName("polygon")[a].childNodes;
    var graphicsObject = new createjs.Graphics();

    graphicsShape = new createjs.Shape(graphicsObject);



    graphicsObject.setStrokeStyle(1);
    graphicsObject.beginStroke(createjs.Graphics.getRGB(0,0,0));
    graphicsObject.beginFill(createjs.Graphics.getRGB(255,0,0));


    for(var i = 0; i < vertexList.length; i++){ 

           graphicsObject.lineTo(vertexList[i].attributes[2].value,  vertexList[i].attributes[3].value)

           stage.addChild(graphicsShape);

           }

   segmentsArray.push(graphicsShape);
   //createContainer(segmentsArray[i]);
   }


 function createArraysForSegments() {

     for(var i=0; i <segmentsArray.length; i++){
          segmentsData[i] = new Array;
          }
     }


 function ColorChangeAddEventListener() {
     for(var i = 0; i < segmentsArray.length; i++){ 
           segmentsArray[i].addEventListener('click', colorChange(i));
           }
     }

 function colorChange(index){
     segmentsArray[index].graphics.beginFill('white');
     stage.update();
     }

後で関数を呼び出します ColorChangeAddEventListener(); drawLayer(0); ステージ.更新();

私が入力すると、segmentsArray[0].alpha = 0.5; それはその形状で機能しますが、segmentsArray[0].addEventsListener('click', function){segmentsArray[0].alpha=0.5;}) に入れると機能しません