统计字数的textarea

最新推荐文章于 2022-09-07 10:47:44 发布

冬唐

最新推荐文章于 2022-09-07 10:47:44 发布

阅读量171

点赞数

分类专栏： js 文章标签： javascript js textarea web ViewUI

本文链接：https://blog.csdn.net/iszhao/article/details/83982618

版权

js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

文本域限制字数并且超多的字数自动替换成空：

<textarea cols='30' rows=2 onkeyup=checkTextArea(this,60) onkeydown =checkTextArea(this,60) style="overflow:hidden;"></textarea>
<p>
	还可以输入：<em id='limittip'>60</em>字
</p>

<script type="text/javascript">
	function checkTextArea(obj,maxWords){		
		var limit = maxWords;	
		var limittip = document.getElementById('limittip');
		var str = obj.value;	
		var len = str.length;
		var reallen = 0;
		for(i=0;i<len;i++){
			if(str.charCodeAt(i)>255){
				reallen += 2;
				if(reallen > limit){
					reallen -= 2; 
					obj.value = str.substr(0,i); 
					break;
					}
				}
				else{
					reallen++;
					if(reallen > limit){
						reallen--;
						obj.value = str.substr(0,i);
						break;
					}
				}
		}
		limittip.innerHTML = limit - reallen;	
	}
</script>