Eventos¶

canvas-event soporta tanto eventos del ratón como del teclado.

bind(name, callback)¶

name es el nombre del evento (mousedown, click, keydown...) y callback una función a ejecutar cuando ocurra dicho evento.

ce.circle(50, 50, 30).draw();

ce.bind("mousedown", function(c, e) {
    this.fill = "red";
});

ce.bind("mouseover mouseout", function(c, e){
    this.fill = this.fill == "red" ? "black" : "red";
});

Nota Los manejadores de eventos reciben dos argumentos: la instancia de canvas-event a la que pertenece el objeto y el objeto evento.

bind también puede ser llamado con un objeto evento => función:

ce.bind({
    mousedown: function(c, e) {
        this.fill = "red";
    },

    mouseup: function(c, e) {
        this.fill = "black";
    }
});

Para cancelar la acción por defecto retornamos false:

ce.keydown("f5", function(c, e) {
    return false;
});