Raphael JS : 이벤트 제거 방법?

Question

Raphael .mouseover() 및 .mouseout() 이벤트를 사용하여 SVG의 일부 요소를 강조 표시합니다. 잘 작동하지만 요소를 클릭 한 후 강조 표시를 중지하려고합니다.

는 Raphael documentation 나는 발견

이벤트가 "취소"접두어와 동일한 방법으로 이름을 사용하는 바인딩 해제, 즉 element.unclick (F);

그러나이 작업을 수행 할 수 없으며 'f'매개 변수도 이해할 수 없습니다.

이것은 작동하지 않지만, 무엇을합니까 ??

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

Answer 1

좋아, 당신이해야 할 것은 unmouseover 요청에 핸들러 함수를 전달할 수 있습니다 :

f에 대해 무엇이다

// 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/

. 또한 unhover()를 사용할 수 있습니다

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

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