为什么RaphaelJS中的这个事件处理程序直接运行？

Question

为什么RaphaelJS（2.0.0）中的这个事件处理程序直接运行，而不是当您点击它时？

function enlarge (shape) { 
    shape.animate({'transform' : 's2'}, 200); 
} 

jQuery(function() { 
    var paper = Raphael("canvas", 1000, 1000); 
    var button = paper.circle(300, 50, 20); 
    button.attr({'fill':'black'}); 

    var circle = paper.circle(50, 50, 20); 
    circle.attr({'fill':'red'}); 

    button.mousedown(enlarge(circle)); 
}); 

Answer 1

.mousedown()期望函数引用作为其参数。相反，你是一个函数调用，所有.mousedown()得到的参数是undefined。由于您需要通过circle至enlarge()，因此无法直接传递对enlarge的引用。相反，包您来电enlarge()的功能：

button.mousedown(function() { 
    enlarge(circle); 
}); 

Answer 2

因为你电话它立竿见影。

与此代码替换button.mousedown(enlarge(circle));：

button.mousedown(function() { 
    enlarge(circle) 
});