動態更改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"); 
         }