javascript - 如何处理 Canvas 中某一层的点击？

Question

这是我的代码:

var background = new LibCanvas('#canv');
 var planet = background.createLayer('planet');
 var mouse = planet.listenMouse();
  mouse.addEvent('click', function () {
    //code
  });

通过点击图层是不应该的。

如果我这样做:

var background = new LibCanvas('#canv');
 var planet = background.createLayer('planet');
 var mouse = planet.listenMouse();
var info=mouse.mouse;
  info.addEvent('click', function () {
    //code
  });

点击锻炼，但它在后台断断续续地工作

Answer 1

您应该将事件绑定(bind)到元素，而不是图层。看那个例子:http://libcanvas.github.com/ui/button.html

你只需要添加类似的东西，一切都会正常工作:

button.addEvent( 'click', function (e) {
    trace(e.offset);
});

此外，在此代码中 listenMouse 返回 this，因此结果是 mouse === Planet。 layer.mouse 链接到所有层上的一个对象。

var planet = background.createLayer('planet');
var mouse = planet.listenMouse();