如何将焦点设置为onkeyup上的下一个输入框(如选项卡功能) [英] How to set focus to the next input box onkeyup like tab functionality

问题描述

我正在动态创建输入框，以捕获特定单词的输入(例如，"Hello"的"H E L L O").我想在每个输入框中键入一个字符后将焦点设置到下一个输入框.我该怎么办?

I am creating input boxes dynamically to capture inputs for a certain word (e.g. H E L L O for 'hello'). I want to set focus to the next input box after typing a single character in every input box. How should I do this?

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

推荐答案

可以解决问题

// 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>

示例

这篇关于如何将焦点设置为onkeyup上的下一个输入框(如选项卡功能)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！