ios手机端表单input调用focus方法时，光标不显示，但软键盘会弹出来，可以修改内容，需要修改内容后光标才显示

功能：

ios表单验证时，比如输身份证号，失焦后验证身份证，如果不合法，就让光标跳到对应的输入框，我是不合法就调用focus方法，完了会跳过去，但是ios有个bug，它确实会定位到对应的输入框，而且会弹出软键盘，输入框可以输入，但是刚跳过去时，看不见光标，要改变输入框内容后才会显示光标，体验非常不好。

问题表述：

ios手机端表单input调用focus方法时，光标不显示，但软键盘会弹出来，可以修改内容，需要修改内容后光标才显示；

问题解决：

在网上找了很多解决办法，例如修改user-select:text等等，但是都不行，所有只能换一种思路去解决，不算真正意义上的解决；上面提到了，需要修改内容后光标才会显示，那么我们就通过js去修改内容；

尝试①：调用focus()方法后，手动获取输入框的值，再赋给输入框。 --失败

我猜测赋值要不一样才会出现光标；所以尝试②；

尝试②：调用focus()方法后，手动获取输入框的值，先清空输入框的值，再赋给输入框。 --成功

但这样有时候还是会不显示光标，我猜测有可能是因为清空的操作和赋值的操作太快了---导致可能比较像尝试①的情况

所以决定在赋值原内容是加一个定时器，使其延迟100ms再执行，问题就解决了。

以上也不是从源头去解决的，而是投机取巧。

ios手机端表单input调用focus方法时，光标不显示，但软键盘会弹出来，可以修改内容，需要修改内容后光标才显示相关推荐

app内嵌h5页面在ios手机端滑动卡顿的解决方法
app内嵌h5页面在ios手机端滑动卡顿的解决方法参考文章: (1)app内嵌h5页面在ios手机端滑动卡顿的解决方法 (2)https://www.cnblogs.com/1rookie/p/11 ...
iOS表单input自动填充后背景色变为黄色
ios表单Input自动填充背景色变为黄色问题描述解决方案问题描述在开发页面的时候发现,在iOS上input框自动填充后input的背景色变为黄色,再点击一下就可以恢复正常. 解决方案设置自 ...
ios手机端数字显示黑色和input输入时禁止滑动的解决方案
一.ios手机端数字显示黑色苹果手机会自动识别出电话号码,以提高用户的体验,但是看着就会和其他元素格格不入,如下图: 有两个解决方案: 1.在头部标签中加入 <meta name=" ...
14款CSS3炫酷表单input输入框美化效果【附源码】
这是一款效果非常酷的CSS3表单input输入框美化效果插件.为表单的input输入框制作一些特殊的效果能给用户带来更好的用户体验.这个CSS3表单input输入框美化插件就是一个很好的例子.这个插件 ...
css表单发光,表单input选中后发光CSS怎么写
表单input选中后发光CSS代码如下input{ border: 1px solid #ccc; padding: 7px 0px; border-radius: 3px; padding-left ...
html线框聚焦效果,24种表单input输入框聚焦动画特效
这是一组效果超酷的表单input输入框聚焦CSS3动画特效.这组特效共24种不同的聚焦动画效果,分为3个类别,分别是边框动画特效,背景动画特效和浮动标签动画特效. 这组输入框聚焦特效主要使用CSS3 ...
三维网格精简算法java版_ISMAR 2020 | 商汤提出手机端实时单目三维重建系统
导读:商汤研究院和浙江大学CAD&CG国家重点实验室合作研发了一个手机端实时单目三维重建系统Mobile3DRecon.与现有的基于RGBD的在线三维重建或离线生成表面网格的系统不同,该系统结 ...
前端：HTML5/36/HTML5简介，文档类型定义，网页字符集，页面结构标记，文章相关的标记，其它标记，音频标记，视频标记，表单中新增的属性，表单input元素type属性的值
HTML5简介 HTML5是新一代的HTML: HTML5目前主要应用在手机端,在PC端最新浏览器已经开始支持了,但还不全面: HTML5是由W3C和WHATWG合作的结果: W3C是万维网联盟,主要 ...
商汤提出手机端实时单目三维重建系统，实现逼真AR效果和交互
点击上方"3D视觉工坊",选择"星标" 干货第一时间送达来源:商汤泰坦公开课摘要 · 看点商汤研究院和浙江大学 CAD&CG 国家重点实验室合作研 ...

ios手机端表单input调用focus方法时，光标不显示，但软键盘会弹出来，可以修改内容，需要修改内容后光标才显示

ios手机端表单input调用focus方法时，光标不显示，但软键盘会弹出来，可以修改内容，需要修改内容后光标才显示相关推荐

最新文章

热门文章

ios手机端 表单input调用focus方法时，光标不显示，但软键盘会弹出来，可以修改内容，需要修改内容后光标才显示

ios手机端 表单input调用focus方法时，光标不显示，但软键盘会弹出来，可以修改内容，需要修改内容后光标才显示相关推荐

最新文章

热门文章

ios手机端表单input调用focus方法时，光标不显示，但软键盘会弹出来，可以修改内容，需要修改内容后光标才显示

ios手机端表单input调用focus方法时，光标不显示，但软键盘会弹出来，可以修改内容，需要修改内容后光标才显示相关推荐