राफेल जेएस: घटनाओं को कैसे हटाया जाए?

Question

मैं अपने एसवीजी में कुछ तत्वों को हाइलाइट करने के लिए राफेल। Mouseover() और .mouseout() ईवेंट का उपयोग करता हूं। यह ठीक काम करता है, लेकिन जब मैं किसी तत्व पर क्लिक करता हूं, तो मैं इसे हाइलाइट करना बंद करना चाहता हूं।

Raphael documentation में मैंने पाया:

घटनाओं "संयुक्त राष्ट्र" उपसर्ग के साथ ही विधि का नाम का उपयोग निकल करने के लिए, अर्थात् element.unclick (च);

लेकिन मुझे यह काम नहीं मिल रहा है और मैं 'एफ' पैरामीटर को भी समझ नहीं पा रहा हूं।

यह काम नहीं करता है, लेकिन क्या करता है ??

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

Answer 1

ठीक है, आप क्या करना है 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/

क्या f के बारे में है यही कारण है कि। तुम भी unhover() उपयोग कर सकते हैं:

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

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