Javascript 创建js形状单击事件坐标始终为0

我正在创建一个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);
        }

    }

有人知道为什么会这样吗

---

谢谢

Hm，您是否检查了实际的

目标是什么，是形状还是舞台我指的是
console.log的输出不能只是x+y，它必须打印出目标的所有属性。嗨，问题已经解决了。我在firefox上进行了测试，效果很好。问题在于当时chromes控制台处于打开状态。由于某些原因，一些鼠标事件（mouseover、mouseout等）不起作用，并且由于某些原因，它还扰乱了协调。
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;
}