Jquery在具有相同id的多個輸入中檢測按鍵

Question

所以我有一堆輸入框具有相同的ID但不同的名稱如下：

<input type="text" id="description" name="1">
<input type="text" id="description" name="2">
<input type="text" id="description" name="3">

現在對於一個輸入框（只有一個框使用id），我使用：

$('#description').keypress(function(....

我理想的是能夠做的是使用上面的函數，然后根據輸入框的名稱做一些事情，但是多個輸入框帶有相同的id。 這有可能嗎？

Answer 1

你應該擁有html元素的唯一id，你應該分配一個公共類並通過它訪問它。

現場演示

<input type="text" id="description1" name="1" class="commonclass">
<input type="text" id="description2" name="2" class="commonclass">
<input type="text" id="description3" name="3" class="commonclass">


 $('.commonclass').keypress(function(event){
       alert("keycode: " + event.keyCode);
       alert("id: " + this.id);
 });​

Answer 2

將類名應用於多個元素。 然后在類中使用jquery來處理keypress事件。

Answer 3

我的答案有點晚了，但萬一其他人在這里偶然發現了這個問題。

對我來說，問題是通過將代碼包裝在文檔就緒事件中解決的。 這可確保在附加事件時DOM中存在輸入控件。

$(document).ready(function() {
  $('.commonclass').keypress(function(event){
    alert("keycode: " + event.keyCode);
    alert("id: " + this.id);
  });​
});