多个 inputText 和 commandButton 时的 inputText 和 commandButton 之间的焦点

Question

我正在使用 Richfaces 和 jsf。

我有一个看起来像这样的表格：

<h:form>

    <h:inputText id="id1" value="#{mybean.1}" />
    <h:commandButton id="button1" action="#{otherBean.goToPage1}">
        <f:ajax execute="id1" render="id1" />
    </h:commandButton>

    <h:inputText id="id2" value="#{mybean.2}" />
    <h:commandButton id="button2" action="#{otherBean.goToPage2}">
        <f:ajax execute="id2" render="id2" />
    </h:commandButton>        

    <h:inputText id="id3" value="#{mybean.3}" />
    <h:commandButton id="button3" action="#{otherBean.goToPage3}">
        <f:ajax execute="id3" render="id3" />
    </h:commandButton>

</h:form>

我的问题是，当我在输入“id3”上写一些东西并按 ENTER 键时，“id1”的命令按钮正在读取。 或者我想要的是，当我在输入中按 Enter 时，好的 commandButton 正在读取（button1 的 input1，button2 的 input2，...）

对于我的项目，我只需要使用一种形式。

有人有想法吗？

Answer 1

我找到了丢失的东西：

<h:inputText id="id1" value="#{mybean.1}" 
             onkeyup="if (event.keyCode == 13) { #{rich:element('button1')}.click();}"
             onkeydown="if (event.keyCode == 13) { #{rich:element('button1')}.click();}"/>
<h:commandButton id="button1" action="#{otherBean.goToPage1}">
    <f:ajax execute="id1" render="id1" />
</h:commandButton>

必须在每个 inputText 和 #{rich:element('button1')} 替换 document.getElementById('button1')

对于 Internet Explorer，我添加：onblur="#{rich:element('button1')}.click();"

<h:inputText id="id1" value="#{mybean.1}" 
             onkeyup="if (event.keyCode == 13) { #{rich:element('button1')}.click();}"
             onkeydown="if (event.keyCode == 13) { #{rich:element('button1')}.click();}"
             onblur="#{rich:element('button1')}.click();" />

它适用于 IE8 和 IE11。