使用 [Enter] 键且存在多个表单时提交预期 HTML 表单的通用解决方案？

Question

基于这个Stackoverflow问题< /a> 当页面上存在多个表单时，似乎没有定义的标准行为或跨浏览器的共享实现来在 HTML 表单字段中按 [Enter] 键。我想要一个 jQuery 解决方案，可以检测任何表单字段上的 [Enter]，发现其直接封闭的表单，以及 .click() 是该表单的提交按钮。

最终的结果是在多表单页面上使用[Enter]时，在任何浏览器中都提交了预期受用户影响的表单。

我正在寻找一个通用解决方案，例如 jQuery 插件，它可以应用于多个存在此问题的网站，并使其立即生效以提交预期的表单。我不想编写条件语句或根据表单或网站更改它们。

可选更新：
对于更详细的场景，请考虑每个表单只有一个 type=Submit 按钮，这是默认/目标按钮 表单上的任何其他按钮都是 type=button，不考虑提交。

Answer 1

通常用于检测 Enter：

        $(document).keydown(function(objEvent) {
            if (objEvent.keyCode == 13) {
                 $('.click-button').click();
            }
        })

在 objEvent 变量内部有一个 .target，您可以使用它来查看按下 Enter 的位置。

请参阅此处的小提琴： http://jsfiddle.net/maniator/svzeq/ （尝试在进入时按 Enter输入）

来自小提琴的代码：

$(document).keydown(function(objEvent) {
    if (objEvent.keyCode == 13) {
        alert($(objEvent.target).parent()[0].id + " pressed enter");
    }
});

Answer 2

我使用这个辅助函数来设置我的默认输入行为：

function SetFormDefaultButton(formId, buttonId) {


    var formSelector = "#{0}".format(formId);
    var buttonSelector = "#{0}".format(buttonId);

    $(formSelector).find('input, select').live('keypress', function (event) {

        if (event.keyCode == 13) {
            event.preventDefault();
            $(buttonSelector).click().focus();

            return false;
        }
    });
}

Answer 3

我会做这样的事情：

$('input[type=text]').keydown(function(event){
   if(event.keyCode == 13){
   event.preventDefault();
   $(this).closest('form').submit();
   }
});

当在文本类型的输入字段内按下返回键时，会提交相对表单（它不会单击提交按钮，但只会提交表单）

编辑 - 如果您想单击您可以执行的提交按钮：

  $(this).closest('form').find('input[type=submit]').click()