Javascript 如何处理画布上某一层的点击?

Javascript 如何处理画布上某一层的点击?,javascript,html5-canvas,Javascript,Html5 Canvas,这是我的密码: 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 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
  });

单击“计算”,但它在后台断断续续地工作

您应该将事件绑定到元素,而不是层。看看这个例子:

您只需添加类似的内容,一切都会正常工作:

button.addEvent( 'click', function (e) {
    trace(e.offset);
});
此外,在该代码中,使用
listenMouse
返回
this
,因此结果是
mouse===planet
<代码>图层。鼠标链接到所有图层上的一个对象

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

正如您在第二段代码中所看到的,您应该将鼠标命名为
mouse=planet.listenMouse().mouse
。单击所有画布进行工作,但我需要准确地知道,在某个特定位置进行了工作。