javascript - js シェイプのクリック イベント座標を常に 0 に作成する

Question

形状の 10x10 グリッドを作成し、各形状にクリック イベントを追加しています

var g = new Graphics();

    for (var x=0; x<10; ++x) {

        for (var y=0; y<10; ++y) {

            var s = new Shape();
            //s.cache(0, 0, self.segmentWidth, self.segmentWidth);

            s.graphics.beginFill('rgba(0,0,255,.4)');
            s.graphics.drawRect(0, 0, self.segmentWidth, self.segmentWidth);

            s.x = x * self.segmentWidth;
            s.y = y * self.segmentWidth;

            var id = s.x + '_' + s.y;
            self.cells[id] = s;

            self.stage.addChild(s);

            s.addEventListener('click', self.cellClick);
        }

    }

しかし、self.cellClick を呼び出すと、ターゲットの座標は常に 0 です

this.cellClick = function(e) {
    var s = e.target;
    console.log(s); // x : 0, y : 0
    self.cells[s.x + '_' + s.y].alpha = 0.5;

    self.update = true;
}

なぜこれが起こるのか誰か知っていますか？

ありがとう