动态更改javascript对象的方法

Question

我有一个名为Button的javascript对象。这是HTML5画布上的一个对象，当鼠标进入时会改变它的颜色：

Button.prototype.handleMouseMove = function() {
    if(this.isMouseOver() && !this.mouseIsOver) {this.onMouseIn(); this.mouseIsOver = true;}
    if(!this.isMouseOver() && this.mouseIsOver) {this.onMouseOut(); this.mouseIsOver = false;}
}

Button.prototype.onMouseIn = function() {
    this.setColor("red");
}

我想动态更改onMouseIn方法，但我真的不知道怎么做。

我试过了：

button1.onMouseIn = button1.setColor("xy");

和

Button.prototype.changeMouseInAction(fn) {
    this.onMouseIn = fn;
}
button1.changeMouseInAction(button1.setColor("xy"));

但没有任何作用。

Answer 1

试试这个： -

  button1.onMouseIn = function(){
                         button1.setColor("xy");
                      }