微信小程式——文字域字數限制和字數輸入統計

示例程式碼

wxml:

<textarea   bindinput='input' rows="3" placeholder="XXXX" maxlength="60" hidden='{{dleg3}}'>
        <text class="currentWordNumber">{{currentNoteLen|0}}/{{noteMaxLen}}個字</text>
</textarea>

wxss

.currentWordNumber{
  font-size: 28rpx;
  color
 
: gray;
  position: absolute;
  left: 520rpx;
  top: -6rpx;
  margin-top: 40px;
}

js

data: {
    noteMaxLen: 60,         //詳細地址的字數限制
    currentNoteLen: 0,          //輸入的字數
  },


  input(event) {
    var value = event.detail.value,
      len = parseInt(value.length);
    let that = this;
    this.setData({
      currentNoteLen: len
    });