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

2023-12-03

我正在尝试创建一个 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;

当放置在页面底部时也不起作用。

我尝试寻找这个问题并发现;如何在 iPhone Safari 中自动聚焦于表单字段?

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

现在,当我使用上面发布的 JavaScript 和 jQuery 代码时,它实际上可以在我的网络浏览器上运行吗但再说一遍,不在 iPad 或 iPhone 上(我使用 iPhone 进行测试,每次都使用隐身窗口来清除缓存作为预防措施)。

有谁知道如何将焦点强制到 iPad/iPhone 上的文本输入框?


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

Quora

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

iPhone/iPad 上的自动对焦表单元素 的相关文章

随机推荐

  • Android开发:以root权限以编程方式禁用“显示通知”?

    有没有办法以编程方式更改应用程序的详细信息 设置 gt 应用程序 gt anApp 具体来说 我可以取消选中 显示通知 吗 我假设你有root权限 预先感谢您的帮助 首先 这似乎取决于您对哪个版本的 Android 感兴趣 似乎 4 3 中
  • 我们可以使用 Selenium webdriver 来自动化基于 MS CRM 2015 的应用程序吗?

    我们可以使用 Selenium webdriver 来自动化基于 MS CRM 2015 的应用程序吗 如果不能 是否有任何具体原因 如果网页基于 HTML Selenium 可以自动化网页的任何部分 因此 如果您想检查它 请打开 CRM
  • 使用 Spring MVC 和 Boot 刷新静态内容

    我正在评估 Spring MVC Boot 和 AngularJs 用于构建 Web 应用程序 我遇到了这样的问题 当我修改静态内容 html js css 时 我每次都必须重新启动应用程序 我希望有某种方法可以解决这个问题 因为重新启动整
  • Application Insights 不捕获信息级别日志记录

    我有一个简单的 Asp Net Core Web API 应用程序 对于这个例子 我遵循了这里的官方文档 https learn microsoft com en us azure azure monitor app asp net cor
  • 使用VBA和数组公式方法进行多条件VLookup

    因此 当需要在 VBA 中创建具有多个条件的 VLookUp 时 我们的想法是利用漂亮的数组公式方法及其背后的想法 问题 我们可以将其翻译成VBA吗 INDEX range1 MATCH 1 A1 range2 B1 range3 C1 r
  • Python 排列下没有相同元素的集合的笛卡尔积

    我有一些集合 我想对其进行笛卡尔积 效果很好 但是 我想删除这个新集合中在元素排列下相同的所有元素 例如 采用以下代码 import itertools as ittools x 2 y 3 z 5 flist list ittools p
  • DocumentDB 子查询

    我正在尝试从包含双重嵌套数组的大型文档投影到数组的扁平表示中 但我不知道如何继续 我有类似这样的文件 id 1 themeId e4d3549c 2785 4067 83d6 f396d2212776 enabled false archi
  • .NET Compact 框架 - 使滚动条更宽

    有什么方法可以使 net 紧凑框架的 winforms 中的滚动条更宽吗 我希望应用程序对手指友好 但对于手指不小的人来说 滚动条非常窄 EDIT 问题出在 ListView DataGrid 等组件中的内置滚动条 Windows Mobi
  • 如何在 XAMPP 中将 MariaDB 更改为 MySQL?

    A 首先要做的事情 Google 先生没有帮助我找到任何对我的问题的答复 多于 是的 我在这里阅读了相反问题的解决方案如何在 Windows 上 5 分钟内将 XAMPP 中的 MySQL 升级到 MariaDB 这对我没有帮助 MySQL
  • 从远程服务器运行 jupyter 笔记本的脚本

    我有一台运行 jupyter 笔记本的服务器 Ubuntu 服务器 16 04 以及一台本地计算机 Mac 我在其中使用 google chrome 来可视化这些笔记本 为此 我必须 在服务器中运行 jupyter Notebook jup
  • RegEx 字符串查找两个字符串并删除文件中其余文本

    我需要用记事本 查找并删除文本文件中的其余部分 我希望你使用 RegeX 来查找 thban 的变体 该变量后面始终最多有 5 个字符 参见点 使用我的搜索字符串 它击中了最后一行 但击中了整行 我只想保留这个词 当这有效时 我也想保留包含
  • 无法使用 Facebook Marketing API 获取暂停的广告见解

    我编写了这个脚本 该脚本返回广告列表及其统计信息 但显然我只获得了活动广告的见解 而不是暂停的广告 对于暂停的广告 我只是获得了广告活动名称及其 id 我尝试使用如下所示的过滤 但它不起作用 first https graph facebo
  • 如何使用 Spring Data JPA 规范创建自定义查询? [关闭]

    Closed 这个问题需要多问focused 目前不接受答案 在我的 Spring Boot 应用程序中 我使用 JPA 规范创建了自定义过滤 如上所述使用 JPA 规范搜索和过滤 Spring Boot 但是 我需要连接多个表并构建一个W
  • 如何修复此 SQL 插入语句中的语法错误?

    第一次在这里发布海报 我正在 VBA Access 数据库 中创建 SQL 插入语句 但当我最终准备好通过我创建的表单进行插入时 我不断收到语法错误 似乎无法弄清楚我在这个声明中出了什么问题 因为过去同样的格式对我有用 我在论坛上寻找已经回
  • MUI 依赖错误 npm install @mui/icons-material

    npm install mui icons material npm ERR code ERESOLVE npm ERR ERESOLVE unable to resolve dependency tree npm ERR npm ERR
  • Typescript 无法推断函数对象的正确参数类型

    我写了一个更新函数 它接受一个对象 T 以及一个 更新程序 对象 它采用与以下相同的键 或子集 T并提供更新原对象对应值的函数 type UpdaterObj
  • 在空手道中使用 cURL 实现 API 自动化

    我是空手道新手 我正在自动化 API 测试 需要上传 gt 50MB 的大文件 当我用空手道这样做时 我收到错误 Broken Pipe 根据这个问题测试时管道损坏 写入失败 gt 允许的最大内容长度我可以使用 cURL 来执行此请求 它工
  • R中按虚部对复向量进行排序

    roots lt polyroot c 5 4 3 2 1 我想按虚部的升序对根进行排序 默认情况下sort函数按实部的升序对其进行排序 我已经阅读了文档 但我仍然不知道如何调整参数或编写命令 有人可以帮忙吗 Use Im函数提取虚部并对其
  • HTML5时间标签的使用

    我可以使用如下 HTML 时间标签吗
  • iPhone/iPad 上的自动对焦表单元素

    我正在尝试创建一个 Web 应用程序 在页面加载时自动将文本输入框聚焦 但是 我知道移动 Safari 不支持 自动对焦 属性 我需要它自动对焦的原因是因为我正在开发一个 Web 应用程序 可以这么说 它基本上要求用户使用蓝牙扫描仪将输入发