使用多个提交按钮按enter键

时间:2016-08-25 03:50:18

标签: javascript php html forms

我有一个包含多个提交按钮的表单,然后使用$ _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;

1 个答案:

答案 0 :(得分:1)

使用jQuery.Hotkeys使用回车键hotkeys

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