与えられたクラスの要素にイベントリスナーを添付する

Question

これは簡単かもしれませんが、私はそれを動作させることはできません。 私はfilterクラスの3つのテキスト入力を持っています。私が欲しいのは、関数をバインドすることです。search()〜onkeypressイベントです。私はこれをonclick="search()"のようなすべての入力に手作業で書くことができると知っていますが、私はインラインのものを使用したくないのです。 私の現在のコードは次のとおりです。

<input type="text" class="filter" id="id"/> 
<input type="text" class="filter" id="title"/> 
<input type="text" class="filter" id="quant"/> 

と

Event.observe('.filter', 'keypress', function(){ // <<< this don't work :(
    alert('yey!'); 
}); 

Answer 1

私はprototypejsとあまり慣れていないんだけど、私はあなたがこれを行うことができると信じて：

例：http://jsfiddle.net/patrick_dw/yAj3A/

$$('.filter').invoke('observe','keypress', function(){ 
    alert('yey!'); 
}); 

---

EDIT：名前付き関数を使用する場合は、これもできます。

例：http://jsfiddle.net/patrick_dw/yAj3A/1/

function search(){ 
    alert('yey!'); 
} 

$$('.filter').invoke('observe','keypress', search);