小程序textarea字数限制与输入计算

微信小程序——文本域字数限制和字数输入统计

示例代码

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
    });