Raphael JS: cómo eliminar eventos?

Question

Uso los eventos Raphael .mouseover() y .mouseout() para resaltar algunos elementos en mi SVG. Esto funciona bien, pero después de hacer clic en un elemento, quiero que deje de resaltar.

En el Raphael documentation que encontré:

para desenlazar eventos utilizan los mismos nombres de los métodos con el prefijo “un”, es decir element.unclick (f);

pero no puedo hacer que funcione y tampoco entiendo el parámetro 'f'.

Esto no funciona, pero ¿qué hace?

obj.click(function() { 
    this.unmouseover(); 
}); 

Answer 1

Ok, lo que tiene que hacer es pasar a la función de controlador a la solicitud unmouseover:

// Creates canvas 320 × 200 at 10, 50 
var paper = Raphael(10, 50, 320, 200); 
// Creates circle at x = 50, y = 40, with radius 10 
var circle = paper.circle(50, 40, 10); 
// Sets the fill attribute of the circle to red (#f00) 
circle.attr("fill", "#f00"); 
// Sets the stroke attribute of the circle to white 
circle.attr("stroke", "#fff"); 

var mouseover = function (event) { 
    this.attr({fill: "yellow"}); 
} 
var mouseout = function (event) { 
    this.attr({fill: "red"}); 
} 

circle.hover(mouseover, mouseout); 
circle.click(function (event) { 
    this.attr({fill: "blue"}); 
    this.unmouseover(mouseover); 
    this.unmouseout(mouseout); 
}); 

http://jsfiddle.net/GexHj/1/

Eso es lo que se trata de f. También puede utilizar unhover():

circle.click(function (event) { 
    this.attr({fill: "blue"}); 
    this.unhover(mouseover, mouseout); 
}); 

http://jsfiddle.net/GexHj/2/