javascript - 如何设置输入焦点？

Question

我正在开发一个 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" />

焦点在像 safari 或 chrome 这样的 webBrowsers 上工作得很好，但不适用于 iPhone iOS safari 喜欢可以在这个 gif 中看到 - 焦点丢失并且键盘消失:

我在研究过程中发现的是这个问题:

• 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/做了。

因此，我们将不胜感激任何有关如何解决此问题的帮助。提前致谢!

Answer 1

因为我很确定有人也会遇到这个问题，所以我决定回答我自己的问题。

所以我使用这行代码部分地解决了这个问题:

myWebView.keyboardDisplayRequiresUserAction = false

我在阅读 UIWebView 的苹果文档时找到了解决方案。

请看这个reference .