单击事件画布/ javascript

Question

嘿大家我试图让我的矩形可点击。 工作之后，我感觉很糟糕，当我点击一个矩形时，它会在div中显示数据。此时，画布div中的数据是手动的。 是否有可能使用脚本我必须做我想做的事情，或者我应该重新开始，但使它完全不同???

for (var i = 0; i < rects.length; i++) {
    if (x > rects[i][0] && x < rects[i][0] + rects[i][2] && y > rects[i][1] && y < rects[i][1] + rects[i][3]) 
    {
        alert('Rectangle ' + i + ' clicked');
    }
}

这就是我所拥有的。我不知道如何将警报更改为我想要的内容。

（对于整个html页面）

http://fiddle.jshell.net/f6rLds4g/