taro h5 ios解决input不能自动获取焦点拉起键盘

描述:页面中有个按钮,点击跳转到第二个页面(有input),能直接获取焦点拉起键盘输入

安卓:

直接用focus()

ios:

focus无效,必须手动拉起

原理:

点击按钮的时候拉起一个此页面隐藏的input或者全局隐藏的input拉起键盘, 跳转后通过setSelectionRange 去设置光标

步骤一:定一个全局的隐藏input,并挂到window上
步骤二:第一个页面点击按钮,调起全局input, 然后跳转
步骤三:在第二个页面去设置页面中的input光标


这里的坑:

1)querySelector 是获取的页面第一个指定dom

  1. 必须用settimeout, 否则键盘能拉起,但是光标不在input中,不能直接输入

3)这里的input是原生的,可以直接获取到,如果用第三方ui, 比如taroui中的 AtSearchBar ,必须用最里面的input, 不能用AtSearchBar 上其他的dom, 并且要放到settimeout中, 否则为null



相关推荐
不爱吃糖的程序媛3 天前
鸿蒙版Taro 搭建开发环境
华为·harmonyos·taro
PyAIGCMaster3 天前
react+taro 开发第五个小程序,解决拼音的学习
react.js·小程序·taro
程序员小刘5 天前
【HarmonyOS 5】鸿蒙Taro跨端框架
华为·harmonyos·taro
君的名字12 天前
怎么判断一个Android APP使用了taro 这个跨端框架
android·react native·taro
PyAIGCMaster12 天前
项目 react+taro 编写的微信 小程序,什么命令,可以减少console的显示
react.js·微信·taro
蓉妹妹16 天前
React+Taro 微信小程序做一个页面,背景图需贴手机屏幕最上边覆盖展示
react.js·微信小程序·taro
时间识人16 天前
【无标题】
vue.js·微信小程序·taro
Dragon Wu17 天前
Taro Error: chunk common [mini-css-extract-plugin]
前端·小程序·前端框架·react·taro
Dragon Wu17 天前
Taro 安全区域
前端·小程序·前端框架·taro
Dragon Wu18 天前
taro 小程序 CoverImage Image src无法显示图片的问题
javascript·小程序·前端框架·taro