Javascript 按enter键时定义默认按钮

我有一个Grails应用程序，它包含一个

.gsp

页面，页面上有许多

textField

s、几个

submitToRemote

按钮和几个

actionSubmit

按钮。填写

textField

s时，我希望能够在填写完毕后按enter键，并使其与单击特定的

submittomote

按钮相同。目前，它的作用就像我单击了一个我从未有意指定的特定

actionSubmit

按钮

我找到了这个：。这似乎是我想要的，所以我将它调整到我的页面，但它似乎没有做任何事情

我将放弃发布整个

.gsp

，但添加我认为适合这个问题的内容

以下是当前正在激活的按钮：

<br>
    <g:hiddenField name="type" value="head"/>
    <g:actionSubmit value="Get Reports" action="showReports"/>
<br>

$（文档）.ready（函数（）{
$（'#InputExtBox'）。按键（功能（e）{
如果（e.keyCode==13）
$（“#findCustomer”）。单击（）；
});
});

此外，我正在使用jQuery库：

<g:javascript library="jquery" />

---

我不确定我的方法是否有缺陷，因为我确实需要它来处理页面上的10个

textField

s中的任何一个。我浏览了grails文档，没有找到任何与此匹配的东西…

我发现解决方案与我所拥有的非常接近

首先，我必须将id添加到我的

submitToRemote

按钮：

<g:submitToRemote value="find" url="[action: 'findCustomer']" update="results" id="submitForm"/>

这里真正重要的是

返回false因为如果没有它，它会单击按钮，然后提交我不需要的表单

<g:submitToRemote value="find" id="findCustomer" url="[action: 'findCustomer']"
update="results" />

<g:javascript>
 $(document).ready(function(){
   $('#inputTextBox').keypress(function(e){
     if(e.keyCode==13)
     $('#findCustomer').click();
  });
});
</g:javascript>

<g:javascript library="jquery" />

<g:submitToRemote value="find" url="[action: 'findCustomer']" update="results" id="submitForm"/>

$(document).bind("keypress", function (e) {
            if (e.keyCode == 13) {
                $("#submitForm").click();
                return false;
            }
        });