微信小程序ios和安卓键盘 textarea每次输入超过一行或者换行时textarea位置会往上偏移

微信小程序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) {
   
    
  • 2
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值