微信小程序ios和安卓键盘 textarea每次输入超过一行或者换行时textarea位置会往上偏移
第一次尝试使用 cursor-spacing解决
微信小程序使用 textarea ,ios 和 安卓 手机 ,键盘会挡住输入框。使用了 cursor-spacing 属性, 指定光标与键盘的距离。取textarea距离底部的距离和cursor-spacing指定的距离的最小值作为光标与键盘的距离 。 在ios上,键盘不遮挡输入框。**但是在安卓手机上, cursor-spacing 指定之后,每次输入超过一行或者换行时textarea位置会往上偏移,与键盘之间产生了距离**。
最后的解决办法
1、首先使用adjust-position属性 ,设置为 adjust-position="{
{false}}" ,不让弹起键盘导致整个页面推上。
2、使用 bindfocus 以及 bindblur 。
bindfocus 输入框聚焦时触发,event.detail = { value, height },height 为键盘高度。获取键盘高度。
bindfocus(e) {