[转]JavaScript实现即时统计文本区域字数

最新推荐文章于 2022-05-03 20:54:33 发布

sunky045

最新推荐文章于 2022-05-03 20:54:33 发布

阅读量70

点赞数

分类专栏： JavaScript 文章标签： JavaScript HTML ViewUI

本文链接：https://blog.csdn.net/sunky045/article/details/83407907

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

实现代码:

<html> 
<head> 
<script language="javascript"> 
function textareastrlen(str)//统计文本区域字数函数  www.DeepTeach.com
{ 
 var len; 
 var i; 
 len = 0; 
 for (i=0;i<str.length;i++) 
  { 
   if (str.charCodeAt(i)>255)  
    { 
     len+=2;  
    } 
   else  
    { 
     len++; 
    } 
  } 
 return len; 
} 
function countChar(textareaName,spanName)//显示文本区域字数函数 
{ 
 document.getElementById(spanName).innerHTML=" 共" + document.getElementById(textareaName).value.length +"个字；" + textareastrlen(document.getElementById(textareaName).value) + "个字节。"; 
} 
</script> 
</head> 
<body> 
<TEXTAREA οnkeydοwn=countChar("Content","Content_Num"); οnkeyup=countChar 
("Content","Content_Num");  id="Content" name="Content" cols=200 rows=2 style="WIDTH: 240px"></TEXTAREA> 
<!--实现countChar("Content","Content_Num")显示--> 
<span id="Content_Num" ></span> 

</body> 
</html>

注 : 此方法只有在退出中文输入法时才可以实现即时统计