javascript - 按 T​​AB 键自动归档下一个字段

Question

我有一个 JSf 文件，其中包含多个文本。我希望当我按下“TAB”键时，下一个归档为以前归档的值。任何帮助或代码 Material 都可以帮助我提前谢谢。

<h:column>
<f:facet name="header">             
<h:outputText value="Subno To" />               
</f:facet>
<h:inputText id="mnpSubNoTo_id1" value="#{item.subNoFrom}"/>
</h:column>

<h:column>
<f:facet name="header">             
<h:outputText value="Error Status" />               
</f:facet>
<h:inputText id="mnpErrorStatus_id1" value="#{item.subNoTo}" />
</h:column> 

我希望在这段代码中，当在字段 id = "subNoFrom"中输入文本并按 Tab 键下一个字段 id="mnpErrorStatus_id1"自动填充 id = "subNoFrom"字段值。 任何帮助都将非常适用!!!

Answer 1

将 onkeydown 事件添加到您的第一个 textbox 中，如下所示。

<h:inputText id="mnpSubNoTo_id1" value="#{item.subNoFrom}" onkeydown="func(event)"/>

你的 javascript 代码应该是这样的。

<script>
function func(e) {
    var txt1 = e.target || e.srcElement;
    var key = e.keyCode ? e.keyCode : e.charCode
    if(key == 9) {
        var value1 = txt1.value;
        var lastIndex = txt1.id.lastIndexOf(":");
        var txt2Id = txt1.id.substring(0, lastIndex) + ":mnpErrorStatus_id1";
        document.getElementById(txt2Id).value = value1;
    }
}
</script>