问如何设置输入焦点？

EN

我正在开发一个WebApp，并希望创建一种与html的登录屏幕。为此，我有四个输入字段，它们集中在输入数字后的下一个字段。

在osX safari中，这没有任何问题。不像我iPhone上的iOS。呼-呼。

在移动safari上的问题是我不知道如何通过编程自动“跳转”到下一个输入域(编程设置焦点)。用户可以通过一个按钮(工作正常)来做这件事，但是有没有一种自动做这件事的方法？

请参阅我的代码：

​

$('.text').on('input', function() {
  $(this).next('input').focus()
});

.text {
  margin: 5%;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="text" />
<input type="text" class="text" />
<input type="text" class="text" />
<input type="text" class="text" />

​

focus在safari或chrome这样的webBrowsers上运行得很好，但在iPhone iOS safari上却不是这样-- focus get丢失了，键盘消失了：

​

​

在我的研究中，我发现了这个问题：

• Programmatically focus on next input field in mobile safari
• Mobile Safari: Javascript focus() method on inputfield only works with click?

但是没有一个答案能解决我的问题，因为他们是不工作/他们是不稳定的，还是他们使用了一个不像http://jsfiddle.net/EbU6a/194/那样真正适合我的风格的变通方法。

因此，任何帮助如何解决这个问题的人都将不胜感激。提前感谢！