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 不生效