小程序textarea光标和placeholder错位问题

image.png

我的解决办法是模拟一个,利用失去获取光标以及是否输入文字判断是否显示placeholder

<li class="details">
          <p class="title">详细地址:</p>
          <textarea  class="details_address" bindfocus="getFocus" bindblur="getBlur"  data-name="addr" bindinput="checkProject" maxlength="200" value="{{showList.addr}}">
            <view class="addr-placeholder" wx:if="{{isFocus&&!showList.addr}}">
            街道、楼牌号等
          </view>
          </textarea>
</li>
getFocus(){
    this.setData({
      isFocus:false
    })
  },
  getBlur(){
    if(!this.data.showList.addr){
      this.setData({
        isFocus:true
      })
    }
  },
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容