zoukankan      html  css  js  c++  java
  • 小程序----textarea层叠问题

    textarea 层级最高,解决问题,通过textarea 和 text 互换

    显示的时候用text, 输入的时候用textarea

    <view class="sms-ts-input" style="padding:16rpx 0">
                            <text wx:if="{{!ocr.placeAreaShow}}" bindtap="textToArea">{{ocr.idaddress}}</text>
                            <textarea 
                                wx:if="{{ocr.placeAreaShow}}" 
                                type="text" 
                                bindinput="idaddressInputChanged" 
                                bindblur="areaToText"
                                placeholder="请输入地址" 
                                value="{{ocr.idaddress}}" 
                                disabled="{{!page.ocr.isIdaddressAllowEdit}}" 
                                auto-height="true" 
                                auto-focus="true"
                                style="line-height:1.5em;100%;" 
                                class="self-place-textarea">
                            </textarea>
                        </view>
    idaddressInputChanged(i) {
        this.data.ocr.idaddress = i.detail.value, this.ocrCommonInputCheck()
      },
    // text ->  textarea
      textToArea() {
        this.setData({
          "ocr.placeAreaShow": true
        })
      },
      // textarea -> text 
      areaToText() {
        const address = this.data.ocr.idaddress
        this.setData({
          "ocr.placeAreaShow": false,
          "ocr.idaddress": address,
        })
      },
    

      

    你对生活笑,生活不会对你哭。
  • 相关阅读:
    P4213【模板】杜教筛
    【SDOI2006】线性方程组
    【AHOI2018】排列
    【NOI2001】炮兵阵地
    【NOIP2012】疫情控制
    【AHKOI2017】rexp
    【十二省联考2019】春节十二响
    【TJOI2014】匹配
    【AT2645】Exhausted?
    P3809 【模板】后缀排序
  • 原文地址:https://www.cnblogs.com/adanxiaobo/p/13614592.html
Copyright © 2011-2022 走看看