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

Question

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

但是，我知道移动版 Safari 不支持 'autofocus' 属性。我需要它自动对焦的原因是因为我正在开发一个网络应用程序，它基本上要求用户使用他们的蓝牙扫描仪将输入发送到 PHP 页面，然后发布该数据（因此，短暂离开页面）。在 return 后，我希望盒子再次聚焦，为下一次扫描做好准备。您可能已经猜到了，我的客户希望使用 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?

但也没有任何有用的信息 returned。

现在，当我使用上面发布的 JavaScript 和 jQuery 代码时，它 实际上可以在我的网络浏览器上运行 但是， 不在 iPad 或 iPhone 上（作为预防措施，我每次都使用 iPhone 进行隐身 window 测试以清除缓存） .

有谁知道在 iPad/iPhone 上强制焦点到文本输入框的方法吗？

Answer 1

出于可用性原因，所有 focus() 函数在 iPhone/iPad 中被 Safari 忽略出于可用性原因

Quora

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

Auto Focus Form Element on iPhone/iPad

html

javascript

iphone

ipad