将事件监听器附加到给定类的元素中

Question

因此，这可能很容易，但我无法实现。 我有3个文字输入filter类。我想要的是绑定一个功能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!'); 
}); 

---

编辑：或者如果你想使用命名函数，你也可以这样做。

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

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

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