Cada evento del ratón cuenta con un método del mismo nombre: mouseover, mouseout, mousedown, click, dblclick, focus, blur.
ce.mousedown(function(c, e) {
this.alpha = .5;
});
Durante el evento mousedown las propiedades LEFT, RIGHT y CENTER permiten saber que botón fue presionado:
ce.mousedown(function(c, e) {
if (c.RIGHT) {
show_menu();
}
return false;
});
Podemos asociar eventos del ratón con grupos de objetos pasando un selector al método correspondiente.
ce.click("circle", function(c, e) {
this.fill = "yellow";
});
De esta forma todos los objetos circle compartirán el mismo evento, incluso los creados posteriormente. Un selector puede ser:
// marcar varios objetos con un identificador
ce.circle(50, 50, 30).setId("bomba");
ce.rect(50, 100, 40).setId("bomba");
ce.ellipse(150, 70, 30, 50).setId("bomba");
ce.click("#bomba", function(c, e) {
alert("boom!");
});