2024-04-22 微信小程序开发之输入框光标指向不正确导致无法正确选中输入框（ios端）==》系统兼容性问题

业务场景：

微信小程序开发中，页面有一个固定在底部（实测只要是设置了固定的输入框都会这样，如果可以改变布局，不固定定位则可避免此问题）的输入框，点击输入框输入文字，操作流程完成。

但是！在神奇的ios系统中却不行，就是点击输入框，你是无法触发到输入框的，说白了点不到，安卓就没有这毛病。

原因：ios中输入框光标位置在输入框实际的位置上面！导致你点击输入框上面就能输入，点输入框就没反应。

解决方案：使用微信小程序官方的原生input，然后添加2个属性

 

cursor-spacing

number

0

否

指定光标与键盘的距离，取 input 距离底部的距离和 cursor-spacing 指定的距离的最小值作为光标与键盘的距离

always-embed

boolean

false

否

强制 input 处于同层状态，默认 focus 时 input 会切到非同层状态 (仅在 iOS 下生效)

　　　　　　　　　　　　　　　　　　看看你的input高度是多少，然后把input的高度给cursor-spacing，接着always-embed设置为true，保存刷新即可。

微信小程序文档 input 传送门：https://developers.weixin.qq.com/miniprogram/dev/component/input.html