【问题标题】:Mobile Safari auto focus on text input移动 Safari 自动关注文本输入
【发布时间】:2012-10-18 20:40:09
【问题描述】:

我想在页面加载时立即关注文本输入字段。但是,以下适用于桌面浏览器的代码不适用于移动 Safari(在 iOS 6 上)。:

  <input type="text" name="q" class="search" id="focusme" />

  ...

  <script type="text/javascript">
    window.onload=function(){var a=document.getElementById("focusme");a.focus();}
  </script>


我已经尝试为此实施几个建议的修复程序。但是我无法让它工作。当它处于焦点时,它确实会显示对字段的 CSS 更改,但不会弹出键盘。

我怀疑这可能是由于我目前对 JavaScript 的理解非常有限,但我认为这可能仍然是 Safari 中的一个错误。


问题:

在 iOS 6 上的 Safari 中,您知道有什么方法可以在页面加载时自动关注文本输入字段吗?


谢谢你的帮助:-)


更新:

如果需要,该页面确实有 jquery 和 mobile-jquery 可用。

【问题讨论】:

标签: focus mobile-safari safari


【解决方案1】:

为什么要使用 JavaScript? &lt;input type="text" autofocus /&gt; 应该这样做!

【讨论】:

  • 不幸的是,这也没有用。具有相同的 CSS 行为,将输入框显示为选中状态,但键盘实际上并未启动。
  • 好的,终于找到了一些关于此的信息:“根据设计,Mobile Safari 中的一些 focus() 事件被忽略了。很多网站会不必要地做 focus() 并且调出键盘很慢/侵入性的。”见:quora.com/… 在这里:wufoo.com/html5/attributes/02-autofocus.html
  • 酷,感谢您提供链接。在我使用它的情况下,我个人认为它确实具有可用性意义——用户将点击一个按钮进行搜索,然后进入一个带有搜索栏(即输入字段)的新页面——所以他们总是想要点击搜索栏(理论上)。
  • 我同意,这在您的用例中是有意义的。
猜你喜欢
  • 1970-01-01
  • 2011-08-02
  • 2011-09-11
  • 2016-10-27
  • 2016-06-01
  • 2013-09-14
  • 2022-01-05
  • 2016-07-21
  • 2015-10-29
相关资源
最近更新 更多