繁体   English   中英

如何设置输入焦点?

[英]How to set input focus?

我正在开发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中看到-焦点丢失了,键盘消失了:

GIF

我在研究过程中发现的是例如以下问题:

但是,没有一个答案对我有帮助,因为无论它们是否不起作用/它们是否生涩,还是它们使用的变通方法实际上都不适合我的样式,例如http://jsfiddle.net/EbU6a/194/确实可以。

因此,对解决此问题的任何帮助将不胜感激。 提前致谢!

我很害怕iOS不允许您以编程方式集中精力。 您可以从这里尝试解决方法

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

因此,部分使用以下代码行解决了该问题:

myWebView.keyboardDisplayRequiresUserAction = false

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

请参阅此参考

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM