Raphael JS：如何删除事件？

Question

我使用 Raphael .mouseover() 和 .mouseout() 事件来突出显示 SVG 中的某些元素。 这工作正常，但在我单击一个元素后，我希望它停止突出显示。

在Raphael文档中我发现：

要取消绑定事件，请使用带有“un”前缀的相同方法名称，即 element.unclick(f);

但我无法让它工作，而且我也不理解“f”参数。

这不起作用，但是有什么作用？

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/