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

最新推荐文章于 2024-06-27 10:20:38 发布

大数据左右手

最新推荐文章于 2024-06-27 10:20:38 发布

阅读量5.1k

点赞数 1

分类专栏：微信小程序开发

本文链接：https://blog.csdn.net/Hello_Java2018/article/details/81740737

版权

微信小程序开发专栏收录该内容

6 篇文章 0 订阅

订阅专栏

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

示例代码

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