임의 양식 필드에서 Enter시 JSF commandButton 실행

Question

여러 단추가있는 양식과 "사용자 데이터 삭제"라는 링크가 있습니다. 링크를 클릭하면 조치가 취해지기 전에 확인 팝업이 표시됩니다. 다음은이 코드입니다 : 양식에서

<p:confirmDialog closable="false" 
    header="#{bundle['remove.user.data']}" 
    message="#{bundle['remove.user.data.text']}" 
    severity="alert" widgetVar="deleteUserPopup"> 
    <h:commandButton 
     actionListener="#{userBean.deleteUserData}" 
     value="#{bundle['yes']}" immediate="true" 
     onclick="deleteUserPopup.hide()"> 
      <f:attribute name="userId" 
       value="#{userBean.user.id}" /> 
      <f:ajax execute="@this" render="@all" /> 
    </h:commandButton>  
    <h:commandButton value="#{bundle['no']}" 
     onclick="deleteUserPopup.hide()" type="button" /> 
</p:confirmDialog> 

<div> 
    <h:commandLink> 
     <h:outputText value="#{bundle['remove.user']}" /> 
     <h:graphicImage name="remove.png" library="img" 
      title="#{bundle['remove.user']}" /> 
     <f:ajax event="click" 
      onevent="deleteUserPopup.show()" /> 
    </h:commandLink> 
</div> 

가, 나는 필드의 여지가 있지만, 문제가있는 텍스트 필드를 왜냐하면 사용자가 텍스트를 입력하고, 입력의 방법을 칠 때 deleteUserData 즉시 호출됩니다 (확인 팝업없이).

<div> 
    <h:panelGrid columns="2"> 
     <h:column> 
      <h:inputText 
       value="#{userBean.user.lastName}" id="userLastName" /> 
      <h:message for="userLastName" styleClass="warning" /> 
     </h:column> 
     <h:column> 
      <h:inputText 
       value="#{userBean.user.firstName}" id="userFirstName" /> 
       <h:message for="userFirstName" styleClass="warning" /> 
     </h:column> 
    </h:panelGrid> 
</div> 

위의 코드의 모든

(2 div의 및 확인 대화 상자), 나에에게 입력 왜 그것을 얻을하지 않습니다 그래서 <h:form> 의 내부에서 온다 : 여기에 예를 들어 한 두 필드의 코드는 명령 단추의 동작 수신기가 실행됩니까?

Answer 1

이것은 일반적인 HTML 동작입니다. 일반적으로 현재 입력 요소에 대한 첫 번째 입력 유형 = "제출"이 enter 키에서 호출됩니다. 이 페이지의 전체 답변 : Default action to execute when pressing enter in a form