【问题标题】:Auto Focus Form Element on iPhone/iPadiPhone/iPad 上的自动对焦表单元素
【发布时间】:2016-02-23 03:32:42
【问题描述】:

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

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

【问题讨论】:

    标签: javascript html iphone ipad


    【解决方案1】:

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

    Quora

    【讨论】:

    • 对不起,如果不够清楚,但我说它可以在我的常规网络浏览器上工作,但不能在 iPhone/iPad 上使用我原始帖子中的 jQuery 代码。不过谢谢!
    • 所以这真的是不可能的。这很令人沮丧。猜猜他每次想要扫描产品时都必须点击该框..
    • 显然,为什么他们不允许这样做是有道理的。如果您觉得我的回答对您有帮助,请标记为正确答案,谢谢。
    猜你喜欢
    • 2022-11-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-06-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多