你怎么能自动对焦在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,没有骰子,那是一页,我必须通过点击表单字段之一手动设置对焦。

最终,我想是要打开手机浏览器的网站,并有侧重于表单域,包括打开了,开始敲击键盘。

感谢您的帮助!

--------------解决方案-------------

根据这一页,自动对焦未在iPhone / iPad的支持可用性的原因。

试着给输入元素类型

<input type="email" id="element" autofocus/>

和回退,您可以使用

<script type="text/javascript">
if (!("autofocus" in document.createElement("input"))) {
document.getElementById("element").focus();
}
</script>

尝试的setTimeout的内侧。重点()()。

setTimeout(function() {
jQuery('#element').focus();
}, 500);

我希望,这将是所有工作。

分类:JavaScript的 时间:2012-01-01 人气:1
分享到:

相关文章

  • 我怎么能强迫iPhone的Safari浏览器使用媒体=“掌上电脑”? 2013-03-05

    有没有办法来强制iPhone’的Safari浏览器使用media="handheld"代替media="screen" --------------解决方案------------- 你不能. 的Safari故意忽略媒体=手持,因为这样的样式表是典型的适合于预先iPhone手持设备低得多的能力,并且因此将导致网页的差低质量版本. 不过,您可以直接Safari浏览器使用条件CSS使用特定的样式表.

  • 如何使用JavaScript来设置移动Safari浏览器的缩放级别? 2015-01-14

    如何使用JavaScript来设置移动Safari浏览器的缩放级别? --------------解决方案------------- [增订]看来你要捕获双水龙头在移动Safari浏览器. 你可以做到这一点通过处理touchend事件,或者使用可用的框架,比如在这个网站提供的. 看看修改后的演示:http://jsbin.com/atayo4/20 <p id="tap">double tap to zoom</p> <input id="zoo

  • 您可以使用SIMBL开发一个插件在iPhone的Safari浏览器? 2015-02-23

    您可以使用SIMBL开发一个插件在iPhone的Safari浏览器? --------------解决方案------------- 不您不可以. 由于是明确的iPhone SDK使用苹果的条款,没有非原生代码可以被任何应用程序运行. 这意味着,除其他事项外没有插件. 在所有. 不为Safari浏览器,而不是为自己的应用程序. 对于有Cydia的设备,你可以建立一个MobileSubstrate有插件. 这种插件的一个例子是DHowett的Safari下载管理器. 你也可以创建Safari浏览器

  • 不工作的iPhone移动Safari浏览器 2012-01-31

    据说在HTML5在Safari中,你可以定义你的输入类型为"搜索",当用户开始输入,一个X按钮将出现,让他们清楚,就像在Safari的谷歌搜索栏. 在我的网站上,这部作品在桌面Safari浏览器,但它不能在移动Safari工作. <input id="termsField" type="search" autocorrect="off" placeholder="Type something here"

  • 单指滚动在iPhone移动Safari浏览器内的内容(DIV / iframe的) 2012-09-06

    子:iPhone手机Safari Web应用程序 我需要保持一个网页可见,即使当用户滚动的某些部分. CSS属性的位置是:固定为不正常工作. 使用溢出:或自动属性需要两个手指滚动这不是我想要的. 有什么办法来提供单指滚动在内'DIV'或使用JavaScript或iPhone Safari浏览器的触摸API(touchMove事件)"内部框架"的内容? --------------解决方案------------- 在CSS(适用于iOS 5): -webkit-overflow-scr

  • 移动Safari浏览器HTML5的WebSQL的SqlTransaction抛出的SQLError代码= 1的消息='不是一个错误',交易失败 2012-11-03

    我试图填充使用生成的一组SQL语句的HTML5的WebSQL数据库(sqlite的使用.dump MYDB> file.sql) 我能够在文件中读取,并执行所有的SQL语句. 然而,在交易结束后,在交易失败的SQLError(代码= 1,消息='不是一个错误'). 现在,从我的调查,我看到的SQLite'不是一个错误'是SQLITE_DONE. 那么,为什么正在生成的SQLError,为什么我是歌厅的事务回滚? 该relavent的JavaScript片段如下: database = { /*

  • 通过在iPhone的Safari浏览器打开网页的谷歌地图应用程序,创建航点/方向 2012-11-28

    我建了一个有趣的项目叫poorsquare.us,我期待一个简单的手机地图组件添加到它,而无需实际构建的应用程序. 注意:这只是一个简单的网页(不是原生iPhone应用程序) 我想显示在移动Safari浏览器(iPhone),点击后,将用户的地图应用程序与多个航点,行走的方向,旅游和自定义标签优化的链接. 到目前为止,这个链接会带我从狩猎到地图应用程序,但我不知道是什么URL的一部分改为获得工作的标签,如果这甚至有可能. http://maps.google.com/maps?saddr=40.

  • 你如何摆脱白右边界对iPhone的Safari浏览器的网站? 2014-04-07

    我已经转换现有的网站主题(即我没有建)为支持移动一个负责任的主题. 这是一个Drupal 6网站,如果该事项. 我得到的最内页有轻微的右白边,而我似乎无法找到罪魁祸首. 我已经试过了车身宽度设置为100%,溢出-X设置为隐藏在身上的标签,并概述所有的div红色找到罪魁祸首. 你知道在移动Safari浏览器的权利保证金的原因是什么? 查看端口设置: <meta name="viewport" content="width=device-width, initial-sca

  • 在移动Safari浏览器HTML5离线视频缓存 2014-10-14

    我似乎无法得到Safari浏览器在iPhone或iPad上脱机缓存视频. 其他的一切,当我去下线获取缓存就好了. 视频文件显然是在清单中,但我只是得到虚线箭头. 能正常工作在Safari浏览器的桌面. 任何线索? 我都试过对象嵌入和视频标签. --------------解决方案------------- 可悲的是there’SA〜5 MB限制在移动Safari浏览器离线缓存. 没有太多可以做的. 见这两篇文章为移动浏览器缓存的限制(请注意,第二个增加的重要信息): http://www.y

  • 在移动Safari浏览器HTML5预加载音频 2014-10-18

    我有预加载HTML5音频内容的问题,然后使用我有什么在缓存中,而不是试图每次我尝试重播时间就重新下载音频. http://cs.sandbox.millennialmedia.com/~tkirchner/rich/K/kungFuPanda2_tj/ 经验是假设是,当有人点击的旗帜,它会弹出一个加载条广告. 加载栏加载所有必要的动画图像. 在此期间,音频也越来越经由已经在DOM上音频代码装载(这是细). 所有图像都被加载后,加载栏消失,用户可以继续. 上有,他们可以点击屏幕底部的4个按钮. 点

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.277 (s). 10 q(s)