微信小程序 textarea 统计输入长度

简介: 微信小程序 textarea 统计输入长度

wxml

 

<view class="weui-cells weui-cells_after-title">
          <view class="weui-cell">
               <view class="weui-cell__bd">
                    <textarea class="weui-textarea" placeholder="请输入文本" style="height: 3.3em" maxlength='100' bindinput='userInput' />
                    <view class="weui-textarea-counter">{{length}}/100</view>
               </view>
          </view>
     </view>

这里要用bindinput

js

data: {
          ...
          length: 0
     },
//统计输入长度
     userInput: function(e) {
          console.log("输入的内容---" + e.detail.value)
          console.log("输入的长度---" + e.detail.value.length)
          this.setData({
               length: e.detail.value.length
          })
     },
目录
相关文章
|
2月前
|
小程序 JavaScript
小程序怎么获取textarea的值?
小程序怎么获取textarea的值?
|
3月前
|
小程序 前端开发 Android开发
解决小程序中textarea ios端样式不兼容的两种方法
解决小程序中textarea ios端样式不兼容的两种方法
|
5月前
|
小程序 JavaScript
微信小程序统计图表插件wxcharts的使用汇总
微信小程序统计图表插件wxcharts的使用汇总
40 0
|
8月前
|
小程序 JavaScript
微信小程序系列——如何获取input和textarea的内容
微信小程序系列——如何获取input和textarea的内容
|
存储 运维 小程序
基于微信小程序云开发(统计学生信息并导出excel)4.0版(稳定版)
基于微信小程序云开发(统计学生信息并导出excel)4.0版(稳定版)
261 0
基于微信小程序云开发(统计学生信息并导出excel)4.0版(稳定版)
|
存储 运维 小程序
基于微信小程序云开发(统计学生信息并导出excel)3.0版
基于微信小程序云开发(统计学生信息并导出excel)3.0版
170 0
基于微信小程序云开发(统计学生信息并导出excel)3.0版
|
运维 小程序 前端开发
基于微信小程序云开发(统计学生信息并导出excel)2.0版
基于微信小程序云开发(统计学生信息并导出excel)2.0版
188 0
基于微信小程序云开发(统计学生信息并导出excel)2.0版
|
小程序 API
微信小程序开发之数据埋点统计
微信小程序开发之数据埋点统计
微信小程序开发之数据埋点统计
|
小程序 前端开发 Android开发
小程序textarea组件的坑
小程序textarea组件的坑
485 0

热门文章

最新文章