input.focus()在IOS上失效的解决方法

之前在iphone上做开发时遇到一个问题,在一般的正常浏览器上输入以下代码:


1

2

var apple = document.getElementById(‘abc‘);

apple.focus();

就能将焦点聚集在输入框上;但是在ios上不行

解决方案

只有通过绑定在事件上的函数触发,才能聚焦,例如:


1

2

3

4

var apple = document.getElementById(‘abc‘);

button.addEventListener(‘click‘,function(){

 apple.focus();

});

但是不能将apple.focus()封装在函数中再由事件触发,这样也会失效

时间: 2024-12-31 03:41:46

input.focus()在IOS上失效的解决方法的相关文章

IE input file隐藏不能上传文件解决方法

当大神们都在探讨更深层次的问题时,我还在这里转载发些肤浅的问题解决方案.罢了,为了和我一样笨的后来人. 问题: 上传文件时,用<input type="file" />标签,但是默认的file标签很难看,而且每个浏览器下都有很大差距. 1.一般解决办法: 我们基本都把真正的file标签给隐藏,然后创建一个标签来替代它,比如我们创建一个a标签来替代它,隐藏file标签,单击a标签时触发file标签click弹出选择文件窗口,选择文件之后,触发file的change事件提交.

关于position:fixed在ios上通用的解决方法

最近在项目中 总是遇到一些奇奇怪怪的css样式问题,在网上找了一大堆方法 都没什么用, 最后仔细思考了之后发现,并不是没用,而是适应条件不一样,话不多说直接进入主题. 假如你的项目需要滚动的地方上一层有很多个div包着,并且也有position:fixed的div包着 还有一堆烂七八糟的css样式,这时你想滚动的那个页面本来是有顶部固定或者是底部固定,到后面都会随着页面一起滚动,在ios上会这样,安卓却不会,解决方法其实很简单,把需要滚动的部分用一个div包起来 然后也fixed就可以了. 例如

:active 为什么在ios上失效

:active是针对鼠标,而手机上是没有鼠标,而是touchstart,所以早成了ios上不兼容 解决方法是: window.onload = function(){ document.body.addEventListener('touchstart',function(){},false); } 或者 $(function(){ document.body.addEventListener('touchstart',function(){},false); }) 至于link,hover,a

IIS上发布站点后URL重写失效的解决方法

在发布网站时URL重写有可能会失效,如果失效的话就需要您设置一下IIS:1.Windows XP系统或Windows 2003系统等使用以下方法:>打开IIS,主目录-〉配置-〉映射-〉在窗体左侧中部,点击“添加”a按钮进入“添加/编辑应用程序扩展名映射”窗体.>在“添加/编辑应用程序扩展名映射”窗体中设置:可执行文件-〉选择“C:\WINDOWS\Microsoft.NET\Framework\v4.0.50727\aspnet_isapi.dll”(和.aspx扩展名的可执行文件相同)&g

项目记录:spring+springmvc 项目中 @Transactional 失效的解决方法

第一步,修改spring的配置文件和springmvc的配置文件 --------------------------------applicationContext.xml <context:annotation-config/>  <context:component-scan base-package="com.xxx"> <context:exclude-filter type="annotation" expression=&

【php】thinkphp以post方式查询时分页失效的解决方法

好久没有写博客了,最近说实话有点忙,各个项目都需要改bug.昨天晚上一直没有解决的php项目中的bug,就在刚才终于搞定,在这里还需要感谢博客园大神给的帮助! 具体问题描述 最近遇到一个非常棘手的问题,也是因为刚入手thinkphp.在做项目的过程中,因为需要非常多的查询条件,如果以get方式提交表单的话,会因为url长度限制而报错,所以必须使用post方式提交表单数据,但是在分页的过程中,遇到了问题,因为thinkphp自带的分页是以a标签的形式,进行下一页的,这样查询条件就没有传入后台,导致

jquery中checkbox全选失效的解决方法

这篇文章主要介绍了jquery中checkbox全选失效的解决方法,需要的朋友可以参考下 如果你使用jQuery 1.6 ,代码if ( $(elem).attr(“checked”) ),将获得一个属性(attribute) ,它不改变该复选框被选中和选中.它只是用来存储默认或选中属性的初始值.为了保持向后兼容,.attr() 方法从 jQuery 1.6.1+ 开始除了返回属性值外,还会更新 property 属性,因此 boolean attribute(布尔属性)不需要通过 .prop(

CentOS忘记密码修改方案以及centos卡在开机登录界面,命令失效的解决方法

CentOS忘记密码修改方案 应用场景 linux管理员忘记root密码,需要进行找回操作. 注意事项:本文基于CentOS7.2环境进行操作的,由于CentOS的版本之间是有差异的,继续之前请先确定好版本 1.在启动GRUB菜单中选择编辑选项,按键  "e"  进入编辑模式 2.在里面找到 "ro"  将 "ro" 修改为 " rw init=/sysroot/bin/bash ": 修改后的内容如下: 3.修改完成之后,同

Eclipse中输入变量会自动补全上屏的解决方法

我自己在启动Eclipse代码补全后输入感觉确实爽多了,但是每次输入变量后一按下空格,编译器会自己帮你写一个很蛋疼的名字,比如你输入了:String mStr后按下空格,它就变成了mString,十分讨厌.下面是正规的解决办法,但是经过我反复折腾,我实在没办法把插件的源码显示到工程中.于是偷个懒去网上下载了已经修改好的jar包,成功搞定. 我自己复制jar包的目录是:D:\Work Appliactions\adt-bundle-windows-x86-20140702\eclipse\plug