按Enter键继续使用JavaScript中的条件

Press Enter key to continue with conditions in JavaScript

本文关键字：JavaScript 条件 Enter 继续      更新时间：2023-09-26

我想要一个javascript函数或解决方案，当按下enter键时，它将被点击按钮。但它有一些条件，如本链接所示https://i.stack.imgur.com/EWUed.png

条件是当光标在"in1"输入中显示（或在"in2"输入中聚焦），然后用户按输入键。将单击"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>

问候。

这是相当直接的。请同时查看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');
    }
}

演示

相关文章：