实现文本框字数统计

html

<div class="layui-input-inline"><textarea class="layui-textarea" id="reason" name="reason" v-model="reason" maxlength="200" onkeyup="setLength(this,200,'wordsLength');"style="width:380px;margin-top:7px;height:75px;max-height:400px;overflow-x:auto;line-height:24px;"rows="3" ></textarea><span id="wordsLength" style="position:absolute; right:-188px; bottom:-3vh;font-size:13px; color:#BDCADA">0/200</span>
</div>

js

<script>// 限制文本框字数function setLength(obj,maxlength,id){var num=maxlength-obj.value.length;//获取文本框输入内容的长度var leng=id;//获取右下角显示的idif(num<0){num=0;//如果文本框文字小于零则让它显示为零}document.getElementById(leng).innerHTML=num+"/200";//通过id获取到span标签在页面上的显示并对它的值进行拼接,就是把计算出来的结果+最大限制字数}
</script>