javascript统计文本框Textarea字数的实用脚本

发布时间:2021-01-18编辑:脚本学堂
有关javascript统计文本框textarea中字数的方法,在文本框中输入文字时,自动统计输入的字符,并显示用户还能输入的字符,需要的朋友参考下。

文本框中输入文字时,自动统计输入的字符,并显示用户还能输入的字符,比如在限制了140个字的文本框中给出剩余字数的提示。

使用方法,先增加一个span,用于显示剩余的字数,然后在Textarea中,加入一个onkeydown和onkeyup的事件,调用另一段javascript函数,函数调用的参数为span的id和textarea的id,然后在javascript中使用innerHTML返回计算出来的剩余字数。

javascript代码:
 

复制代码 代码示例:
<script language="javascript"> 
function countChar(textareaName,spanName)

 document.getElementById(spanName).innerHTML = 140 - document.getElementById(textareaName).value.length;

</script> 
还可以输入140字<br/>
<textarea id="status"  name="status" rows="6" cols="40" onkeydown='countChar("status","counter");' onkeyup='countChar("status","counter");'></textarea>