Bind Click-Event to whole Canvas?

[Mark Kalder]

Hi,

is it anyhow possible to bind a Click- or mouseOver-Event to the Canvas/Scene?

I cant realy get it to work like this or so:

Crafty.canvas.bind("Click", function(e) {
console.log(arguments);
// this.tween({alpha: 0.0}, 50);
// this.antigravity();
});

[witali mik]

Crafty.addEvent

here an example http://craftyjs.com/demos/isometric/game.js

[Mark Kalder]

Doesn't seem to work. I just added this code to my scene:

Crafty.addEvent(this, Crafty.stage.elem, "mouseDown", function(e) {
console.log("mouseDown");
// Crafty.addEvent(this, Crafty.stage.elem, "mouseMove", scroll);
// Crafty.addEvent(this, Crafty.stage.elem, "mouseUp", function() {
// Crafty.removeEvent(this, Crafty.stage.elem, "mouseMove", scroll);
// });
});

[Matt Petrovic]

addEvent is for DOM events. It would need to be "mousedown". 

[Mark Kalder]

Thanks alot! It works!

[Алексей Буряков]

But, can I do this with canvas, not with DOM?

When I'm trying to bind event to canvas I got an error:

Crafty.canvas.bind is not a function

[Matt Petrovic]

Please read the thread. Your question was answered. The canvas still uses DOM events.

[Алексей Буряков]

Uh, checked my code again and all works now, thank you!