酒浓码浓 - ios进入页面自动弹出键盘

ios移动端进入页面怎么自动弹出键盘

最近做的H5页面业务上有个需求,要在移动端,进入到某个页面自动聚焦input的焦点并弹出软键盘!!!

查了一圈,发现autofocus,在android上只能聚焦不弹键盘,ios上不聚焦也不弹键盘。

也用了N种方式,什么settimeout,什么模仿button触发click触发input的focus,什么自行封装touch事件等等等等!!

全尼玛不好使。查了一下说是手机出于安全考虑在未有客户行为交互的情况下不让自动弹出软键盘。在native原生倒是可以通过设置某属性为NO才可实现。。。

but!!!!!!

产品拿出别人的产品说看看别人怎么做到的。

为了一口气,一定要搞明白啊,研究了一天,用手机百度的时候发现了其中奥秘!  哦mai噶,从大的方向上就做了错的决断。

没有代码能实现!那么为什么换种思路从业务角度上去仿造场景:

现有A、B两页面,点击A页面的某区域跳转到B页面且聚焦弹键盘。

那么可不可以想象一下A、B为一个页面呢,初始默认隐藏B。点A某区域的时候是有了用户行为交互的,是可以弹出键盘的。此时隐藏A,展示B 给Binput聚焦自然就弹出键盘了。

那实施的方式就不用多说了  很多很多,比如position  B页 z-index = -1。 注:display none 不生效

解决了你的问题给哥点个赞,粉一个,别看完就走,忘恩负义!!!~~~

你可能感兴趣的:(前端)