textarea 动态获取文字数量

html

<div class="rowDriver">
<textarea onkeydown="countChar()" onkeyup="countChar()" rows="10" id="describe" name="describe"
class="textarea" placeholder="请填写随手拍内容" maxlength="200"></textarea>
<span class="rowDriverSpan" id="rowDriverSpan">0/200</span>
</div>

js

function countChar() {
var wordnum = document.getElementById("describe").value.length
if (wordnum >= 201) {
document.getElementById("describe").value = document.getElementById("describe").value.substring(0, 199
)
} else {
//rowDriverSpan这个是span标签的id
rowDriverSpan.innerHTML = wordnum+"/200"
}
}

效果图

image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容