KineticJS向数组中保存的对象添加事件

Question

for (var x = 0; x < 10; x++) {
            //var xx = x;
            for (var y = 0; y < 10; y++) {
                //var yy = y;
                displayboxs[x][y][1].on('click', function() {
                    displayboxs[x][y][0] = 'P';
                });
            }
        }

所以这是我要运行的代码，但是displaboxs [x] [y] [0] ='P'; 部分给出了错误。 我发现尝试以我尝试的方式更改任何数组都行不通，但是不幸的是，这是我可以做到的唯一方法，除非我手动添加每个事件（我宁愿不这样做）。 我还发现通过将x和y变量存储在另一个变量中，我可以防止错误（注释掉的代码部分显示了此错误），但是我得到了奇怪的结果。 例如，如果我在更改后打印右更改的数组区域，它将是“ P”，但是在将数组上的许多位置更改为“ P”并打印整个数组后，所有元素仍将被设置默认显示数组中的最后一个点为“ P”。 对吗？ 所有建议表示赞赏！！！ 感谢您的阅读。

Answer 1

一个问题是，当触发任何单击时，x，y会超出范围。

通过为每个显示框[x] [y] [1]提供对显示框[x] [y] [0]的引用，以使其在单击时发生变化来进行重构。

像这样（警告...未经调试的代码！）：

for (var x = 0; x < 10; x++) {
    for (var y = 0; y < 10; y++) {
        displayboxs[x][y][1].on('click', function() {
            this.myZero = 'P';
        });
        (displayboxs[x][y][1]).myZero=displayboxs[x][y][0];
    }
}