Question

我正在开发WebApp，并希望使用html创建一种登录屏幕。为此，我有四个输入字段，在输入数字后，重点放在下一个字段。

在osX Safari中，它可以正常工作。与iPhone上的iOS不同。 -

移动浏览器中的问题是我不知道如何以编程方式自动“跳转”到下一个输入字段（以编程方式设置焦点）。用户可以通过按钮进行操作（工作正常），但是有办法自动执行此操作吗？

查看我的代码：

$('.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之类的web浏览器上工作得很好，但在iPhone iOS Safari上却无法在此gif中看到-焦点丢失了，键盘消失了：

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

但是，没有一个答案对我有帮助，因为无论它们是不起作用/是生涩的，还是他们使用的解决方法都不能像http://jsfiddle.net/EbU6a/194/那样真正适合我的样式。

因此，非常感谢任何解决此问题的帮助。预先感谢！

Answer 1

我很害怕iOS不允许您以编程方式集中精力。您可以通过here

尝试解决方法

Answer 2

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

因此，我已部分使用以下代码行解决了该问题：

myWebView.keyboardDisplayRequiresUserAction = false

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

请参阅此reference。

如何设置输入焦点？

2 个答案: