Javascript 将事件侦听器附加到给定类的元素

所以这可能很容易，但我无法让它工作。 我有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（）{/我对prototypejs不太熟悉，但我相信你可以做到：

示例：


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

示例：

我对prototypejs不太熟悉，但我相信您可以做到：

示例：


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

示例：

你是说你不想要
prototypejs
方法？这意味着没有方法吗？换句话说，你想要一个完整的非库解决方案？对不起，输入错误。我不想使用内联
onclick=“search（）”
.10x.我重新发布了我的答案。我将提供一个使用命名函数的更新。你是说你不想要
prototypejs
方法？这是否意味着没有任何方法？换句话说，你想要一个完整的非库解决方案？抱歉。输入错误。我不想使用内联
onclick=“search（）”
.10x。我重新发布了我的答案。我将提供一个使用命名函数的更新。
Event.observe('.filter', 'keypress', function(){ // <<< this don't work :(
    alert('yey!');
});

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

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

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