如何将焦点设置到下一个输入框onkeyup，如选项卡功能

Question

我正在动态创建输入框以捕获某个单词的输入（例如，'H'L L O''hello'）。在每个输入框中输入单个字符后，我想将焦点设置到下一个输入框。我应该怎么做？

<ui:repeat value="#{alphabets}" var="alphabet"> 
    <h:inputText value="#{alphabet.value}"/> 
</ui:repeat> 

Answer 1

这将这样的伎俩

// script 
function jumpNext(input) { 
    $(input).next("input[type=text]").focus(); 
} 


// jsf 
<ui:repeat value="#{alphabets}" var="alphabet"> 
    <h:inputText value="#{alphabet.value}" onkeyup="jumpNext(this)" /> 
</ui:repeat> 

example

Answer 2

这取决于您的HTML结构是如何。最简单的会是给每一个输入自己的ID（这始终是一个好主意），比设定的ID在事件处理程序如下inpunt：

<input id="char1" onkeyup="document.getElementById('char2').focus()" />