按Enter键继续JavaScript中的条件

时间:2013-11-23 22:35:01

标签: javascript jquery html keyboard

我想要一个javascript函数或解决方案,当按输入键时将是单击按钮。但它有一些条件,如此链接http://i.stack.imgur.com/EWUed.png

所示

条件是当光标显示在“in1”输入中(或onFocus在“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>

问候。

1 个答案:

答案 0 :(得分:0)

这是相当直接的。请查看jQuery文档。 http://api.jquery.com/keypress/
http://api.jquery.com/prop/
http://api.jquery.com/trigger/

<强> jQuery的:

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

Demo