当前位置: 首页 > article >正文

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

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

安卓:

直接用focus()

ios:

focus无效,必须手动拉起

原理:

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

步骤一:定一个全局的隐藏input,并挂到window上

在这里插入图片描述

步骤二:第一个页面点击按钮,调起全局input, 然后跳转

在这里插入图片描述

步骤三:在第二个页面去设置页面中的input光标

在这里插入图片描述
在这里插入图片描述

这里的坑:

1)querySelector 是获取的页面第一个指定dom
2) 必须用settimeout, 否则键盘能拉起,但是光标不在input中,不能直接输入
3)这里的input是原生的,可以直接获取到,如果用第三方ui, 比如taroui中的 AtSearchBar ,必须用最里面的input, 不能用AtSearchBar 上其他的dom, 并且要放到settimeout中, 否则为null

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述


http://www.kler.cn/a/147156.html

相关文章:

  • C语言项⽬实践-贪吃蛇
  • 【QT】解决生成的exe文件出现“无法定位程序入口”或“找不到xxx.dll”的问题
  • 正则表达式语法详解(python)
  • 李秀贤主演警匪片《蓝色霹雳火》
  • 直接映射4条 cacheline,每条cacheline32位数据(混乱版)
  • 【网络安全】网络安全防护体系
  • YOLOv5轻量化改进之mobilenetv3,更换mobilenetv3中的注意力机制。
  • Windows 下安装MySQL8.0 Zip
  • 057-第三代软件开发-文件监视器
  • 2023信息技术应用创新论坛|云轴科技ZStack分享云原生超融合在智慧交通的应用
  • IDEA 2022.1 同一个 spring boot main类运行多个实例
  • 基于helm的方式在k8s集群中部署gitlab - 部署(一)
  • 2023华为ICT网络初赛试题回顾
  • 第四十三天|1049. 最后一块石头的重量 II 494. 目标和 474. 一和零
  • python每日一题——10合为k的子数组
  • 4D雷达目标检测跟踪算法设计
  • Unity2D-URP基于ShaderGraph创建带粒子特效的激光光束
  • TIME_WAIT状态套接字重新使用
  • Pycharm在debug问题解决方案
  • 编译器设计01-入门概述
  • 力扣二叉树--第三十三天
  • nginx反向代理解决跨域前端实践
  • docker 安装jekins
  • 西南科技大学信号与系统A实验一(信号的产生与时域运算)
  • 微软Azure AI新增Phi、Jais等,40种新大模型
  • 对Laxcus分布式操作系统的认知、价值、痛点解决的回答