將事件監聽器附加到給定類的元素中

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);