按Enter鍵以繼續使用JavaScript中的條件

Question

我想要一個javascript函數或解決方案，當按下時會點擊按鈕，輸入鍵。但是它有一些條件如本鏈路http://i.stack.imgur.com/EWUed.png

條件是當光標在節目「IN1」輸入（或在聚焦狀態「IN1」輸入），然後用戶按下輸入鍵。點擊「a1」按鈕。當光標顯示在「in2」輸入中，然後用戶按輸入鍵。點擊「a2」按鈕等。

我的HTML代碼

<form action="xxx" method="get"> 
    <ul class="form-section" id="section_24"> 
    <li><label>No.1 </label> 
     <table border="0"> 
      <tr> 
      <td> 
       <input id="in1" type="text" name="a1"/> 
      </td> 
      <td> 
       <button id="a1" type="submit" name="button_action" value="send_a1">send</button> 
      </td> 
      </tr> 
     </table> 
    </li> 

    <li><label>No.2 </label> 
     <table border="0"> 
      <tr> 
      <td> 
       <input id="in2" type="text" name="a2"/> 
      </td> 
      <td> 
       <button id="a2" type="submit" name="button_action" value="send_a2">send</button> 
      </td> 
      </tr> 
     </table> 
    </li> 

    <li><label>No.3 </label> 
     <table border="0"> 
      <tr> 
      <td> 
       <input id="in3" type="text" name="a3"/> 
      </td> 
      <td> 
       <button id="a3" type="submit" name="button_action" value="send_a3">send</button> 
      </td> 
      </tr> 
     </table> 
    </li> 
    </ul> 

問候。

Answer 1

這是相當直接的。請看看jQuery文檔。 http://api.jquery.com/keypress/
http://api.jquery.com/prop/
​​

的jQuery：

$('input').keypress(ev){ 
    if(ev.which == 13){ 
     ev.preventDefault(); 
     $('#' + $(this).prop('name')).trigger('click'); 
    } 
} 

Demo