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
。单击所有画布进行工作,但我需要准确地知道,在某个特定位置进行了工作。