业务场景:
微信小程序开发中,页面有一个固定在底部(实测只要是设置了固定的输入框都会这样,如果可以改变布局,不固定定位则可避免此问题)的输入框,点击输入框输入文字,操作流程完成。
但是!在神奇的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 标签:04,22,微信,程序开发,ios,输入框,input,光标 From: https://www.cnblogs.com/iuniko/p/18150661