如何设置输入焦点?

15 浏览
0 Comments

如何设置输入焦点?

我正在开发一个WebApp,并希望使用HTML创建一种登录界面。为此,我有四个输入字段,当输入数字后,焦点会自动切换到下一个字段。

在osX safari上,这个功能没有任何问题。但在我的iPhone上的iOS上有问题。哎呀。

在移动safari上的问题是,我不知道如何通过编程方式自动“跳转”到下一个输入字段(设置焦点)。用户可以通过按钮完成(运行良好),但是否有一种自动完成的方法呢?

请看我的代码:

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

.text {
  margin: 5%;
}





在safari或chrome等Web浏览器上,焦点工作得很好,但在iPhone的iOS safari上不行,如您在此gif中所见-焦点丢失,键盘消失:

gif

在我的研究中,我发现了一些问题:

但是,这些答案都没有解决我的问题,因为它们要么不起作用/太卡顿,要么使用的是与我的样式不太适配的解决方法,例如http://jsfiddle.net/EbU6a/194/

所以,任何关于如何解决这个问题的帮助将不胜感激。提前谢谢!

0
0 Comments

从上述内容中可以得出以下问题的原因和解决方法:

问题:如何设置输入焦点?

原因:iOS不允许通过编程方式设置输入焦点。

解决方法:可以尝试使用来自这里的解决方法。

0
0 Comments

问题的原因是在UIWebView中,当用户点击输入框时,键盘不会自动弹出。解决方法是将keyboardDisplayRequiresUserAction属性设置为false。具体代码如下:

myWebView.keyboardDisplayRequiresUserAction = false

此解决方法是通过阅读苹果官方文档找到的。可以参考此链接

0