javascript - 按 Enter 键并有多个提交按钮

Question

我有一个带有多个提交按钮的表单，然后使用 $_POST 信息处理这些按钮。按 Enter 时的默认行为当然是“单击”页面上的第一个按钮，但是我希望单击的按钮取决于用户单击它时在表单中的位置。下面显示了 php 代码的精简摘录。请注意，我尝试使用 onkeydown/onkeypress/onkeyupp 并使用事件键码(等于 13)然后 document.getElementById("buttonName").click() 但这似乎不起作用 - 第一个按钮表单仍然是单击的表单。

if (isset($_POST['submit'])) {
    // move to next page
}

if (isset($_POST['add'])) {
   // add item to this page
}

$html .= '<input type="text" class="text" name="submitInfo" id="submitInfo">'; // if enter is clicked while in this textbox, the submit button should be clicked

$html .= '<input type="text" class="text" name="OptionalAddInfo" id="OptionalAddInfo">'; // if enter is clicked while in this textbox, the add button should be clicked

$html .= '<input type="submit" class="button" name="add" id="add" value="Add" onClick="return addItem();">';

$html .= '<input class="button" type="submit" name="submit" id="submit" value="Submit" onClick="return submitForm();">';

echo $html;

Answer 1

使用 jQuery.Hotkeys 来使用回车键 hotkeys

 jQuery(document).bind('keydown', 'return', function () {
                    $("body #submit").trigger("click");
                    return false;
                });