iPhone / iPad上的自动对焦表单元素

时间:2015-11-20 15:20:00

标签: javascript html iphone ipad

我正在尝试创建一个Web应用程序,在页面加载时自动将文本输入框聚焦。

但是,我知道移动版Safari不支持“自动对焦”属性。我需要它进行自动对焦的原因是因为我正在开发一个Web应用程序,并且它基本上要求用户使用他们的蓝牙扫描程序将输入发送到PHP页面然后POST该数据(因此,简单地离开页面) )。返回时,我希望盒子再次聚焦,为下次扫描做好准备。正如您可能已经猜到的那样,我的客户希望使用iPad / iPhone。

输入基本上只是一个键盘楔形,在焦点所在的任何地方都会发送一系列键盘敲击。

我尝试使用下面的JavaScript和jQuery代码无济于事;

$( document ).ready(function() {
  $( "#scan-input" ).focus();
});

没用。和;

function formfocus() {
    document.getElementById('scan-input').focus();
}
window.onload = formfocus;

放置在页面底部时无法正常工作。

我试过搜索这个问题并找到了; How can you autofocus on a form field in iPhone Safari?

但也没有返回任何有用的信息。

现在,当我使用上面发布的JavaScript和jQuery代码时,确实可以在我的网络浏览器上运行,但同样,不在iPad或iPhone上(我是每次使用iPhone进行无人监控窗口测试以清除缓存作为预防措施)。

有没有人知道如何强调焦点到iPad / iPhone上的文字输入框?

1 个答案:

答案 0 :(得分:1)

出于可用性原因,出于可用性原因,Safari / iPhone中的所有focus()函数都会被忽略

Quora