大致实现的效果如下:(其中样式自行调整)
html代码:
// 设置字数限制为100,显示行数为5行
<div>
<textarea name="" id="licenseText" rows="5" maxlength="100" placeholder="选填"></textarea>
<div><span id="textCount">0</span>/100</div>
</div>
JS代码:
var el = document.getElementById('licenseText');
el.addEventListener('input',function () {
var len = txtCount(this); // 调用函数
document.getElementById('textCount').innerHTML = len;
});
//函数 - 获取文本内容和长度
function txtCount(el) {
var val = el.value;
var eLen = val.length;
return eLen;
}