Submit form with primefaces widgets on enter

问题

I need to have my primefaces p:commandLink submit a h:form when the user presses the enter key.

I tried the solutions suggested here and in a couple of other places. I also tried the primefaces defaultCommand. No matter what I try, the browser seems to notice the button press, but the action is not performed.

These are my form's widgets:

<p:autoComplete id="acSimple" value="#{home.searchKeywords}" completeMethod="#{home.completeText}" style="" />
<p:commandLink id="srchbutton" action="#{home.goToSearchResults}" onclick=" $('.prgrs').show();">
    <h:graphicImage id="srch" name="images/searchbutton.jpg" class="img-responsive" style="display: inline-block; margin-left:0px; margin-bottom:-0px;"  />
</p:commandLink>
<p:defaultCommand target="srchbutton" />

回答1:

<h:form onkeypress="if (event.keyCode == 13) { document.getElementById('form:srchbutton').click(); return false; }">

Make sure your real id of link is "form:srchbutton" or put whatever it is. You can use developer tools or firebug to find it out.

回答2:

Dijana's solution is right, but the action onkeyup should be used and not onkeypress.

ENTER is an action event so it will not be caught by onkeypress which captures basic and meta characters. So you need onkeydown (which can cause problems if ENTER is down even after the next page loads) or onkeyup.

来源：https://stackoverflow.com/questions/30963879/submit-form-with-primefaces-widgets-on-enter