js实时监听控制文本框的字数

最新推荐文章于 2019-09-18 15:57:51 发布

H大艺术家

最新推荐文章于 2019-09-18 15:57:51 发布

阅读量449

点赞数 1

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/weixin_43819610/article/details/88899911

版权

js 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

js实时监听控制文本框的字数

效果图如下:
在这里插入图片描述

```
<div class="content">
			<label class="cnd">描述：</label>
			<div class="sm">
				<textarea type="text" id="Introduce" name="Introduce" class="textarea" maxlength="300" 
				style="resize:none;" required 
				"javascript:CountStrByte(this, 300, 'cost_tpl_title_length');" 
				"javascript:CountStrByte(this, 300, 'cost_tpl_title_length');">
				</textarea>
			</div>

		</div>
		<div class="word">
			<label class="cm"></label>
			<div class="title2"><span id="cost_tpl_title_length"></span></div>
		</div>
```

<script>
	//字节统计
	function CountStrByte(obj, maxlength, id) {
    setTimeout(function() {
        var remlength = maxlength - obj.value.length;
        var wid = id;
        if (remlength < 0) {
            remlength = 0;
        }
        document.getElementById(wid).innerHTML = "您还可以输入" + remlength + "字数";

    }, 100);
}
</script>