如何在 iPhone Safari 中自动聚焦表单域?

新手上路,请多包涵

我试图让一个特定的表单字段在 iPhone 上的 Safari 浏览器中自动获得焦点。我认为这会非常简单,但我没能成功。那么,这实际上是不可能的,还是我错过了一些非常明显的东西(我怀疑)?这是我正在使用的代码:

 <!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
   function formfocus() {
      document.getElementById('element').focus();
   }
   window.onload = formfocus;
</script>
</head>
<body>

<form>
<input/>
<input id="element" autofocus/>
<input/>
</form>

</body>
</html>

你可以看到我试图获得焦点两次,一次是通过 js,一次是通过输入字段上的 HTML“aufofocus”属性。诀窍也没有。这在桌面浏览器上确实有效,但是当我在我的 iPhone 4 上打开页面时,没有骰子,也就是说,我必须通过单击其中一个表单字段来手动设置焦点。

最终我想要的是在移动浏览器上打开网站并专注于表单字段,包括打开键盘以开始打字。

谢谢你的帮助!

原文由 pixelphantom 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 639
2 个回答

根据 此页面,出于可用性原因,iphone/ipad 不支持自动对焦。

原文由 Veera 发布,翻译遵循 CC BY-SA 3.0 许可协议

根据 Apple 的说法,iPhone 不支持 autoocus。在 WebKit 的票证中有关于它的评论。该评论创建于 2019 年 3 月,内容如下:

“我们(Apple)喜欢当前的行为,并且不希望程序化焦点在 […] 程序化焦点未被调用以响应用户手势时调出键盘。”

资源

原文由 Pulkit Aggarwal 发布,翻译遵循 CC BY-SA 4.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题