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

Question

我正在尝试创建一个 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 上的文本输入框吗？

Answer 1

出于可用性原因，iPhone/iPad 中的 Safari 浏览器会忽略所有 focus() 函数

Quora