Prototype.jsコールバック関数コードを改善する方法

Question

私はこの小さなコードを持っています。 Prototypeフレームワークを使用していますが、コールバック関数に要素をバインドできません。だから、私はこのような関数を書く必要があります。

このコードを改善するにはどうすればよいですか？

Event.observe('firstname', 'keyup', function() { 
    var form = $('customerform'), 
     firstname_0 = form["firstname_0"]; 
    firstname.value = this.value; 
}); 
Event.observe('KundeNachname', 'keyup', function() { 
    var form = $('customerform'), 
     lastname_0 = form["lastname_0"]; 
    lastname_0.value = this.value; 
}); 

Answer 1

$('customerform')['lastname_0'].value = this.value; 

これは、1つに、コードのあなたの三行を凝縮。

Answer 2

それぞれのコールバックの唯一の違いは、参照されるフォームフィールドの名前です。私はそのコードを共通のコールバック作成関数に抽出します：

function createHandler(fieldName) { 
    return function() { 
     $('customerform')[fieldName].value = this.value; 
    } 
} 

Event.observe('firstname', 'keyup', createHandler("firstname_0")); 
Event.observe('KundeNachname', 'keyup', createHandler("lastname_0"));