如何设置输入焦点?
如何设置输入焦点?
我正在开发一个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中所见-焦点丢失,键盘消失:
在我的研究中,我发现了一些问题:
但是,这些答案都没有解决我的问题,因为它们要么不起作用/太卡顿,要么使用的是与我的样式不太适配的解决方法,例如http://jsfiddle.net/EbU6a/194/。
所以,任何关于如何解决这个问题的帮助将不胜感激。提前谢谢!