PrimeFaces输入框按回车窗口关闭问题求助

核心原因 #

浏览器默认会把表单内的第一个按钮设为默认提交按钮，按下回车时会触发该按钮的动作；如果这个按钮包含关闭窗口/对话框的逻辑，就会导致窗口直接关闭。即使没有显式绑定默认按钮，回车也可能触发表单提交，间接引发窗口关闭。

解决方案 #

1. 直接阻止输入框的回车默认行为 #

给p:inputText添加键盘事件监听，捕获回车并阻止默认动作：

<p:inputText id="text1" maxlength="8" value="#{yourBean.value}" 
             onkeydown="if(event.key === 'Enter' || event.keyCode === 13) {event.preventDefault(); return false;}">
   <p:keyFilter mask="num" preventPaste="false" />
</p:inputText>

注：同时判断key和keyCode是为了兼容不同浏览器的事件属性。

2. 指定表单的默认命令为无操作按钮 #

如果页面存在表单，可添加一个隐藏的空操作按钮，让它成为表单的默认提交目标，避免触发业务按钮：

<h:form>
  <!-- 你的输入框和业务按钮 -->
  <p:inputText id="text1" maxlength="8" value="#{yourBean.value}">
     <p:keyFilter mask="num" preventPaste="false" />
  </p:inputText>
  
  <!-- 隐藏的空操作按钮 -->
  <p:commandButton id="dummyDefaultBtn" style="display: none" action="#{yourBean.doNothing}" />
  <!-- 设置为表单默认命令 -->
  <p:defaultCommand target="dummyDefaultBtn" />
</h:form>

后端Bean里的doNothing方法只需空实现即可：

public void doNothing() {
    // 无任何操作
}

3. 针对对话框场景的额外处理 #

如果组件在p:dialog内，可给对话框本身添加回车拦截：

<p:dialog id="yourDialog" header="示例对话框" 
          onkeydown="if(event.key === 'Enter' || event.keyCode === 13) {event.preventDefault();}">
  <!-- 表单和组件内容 -->
</p:dialog>

内容的提问来源于stack exchange，提问作者sarimsak