textarea显示剩余字数

1. <textarea id="a" onpropertychange="cal()"></textarea> 
2. 您还可以输入<span id="c"></span>字 
3.  
4. <script> 
5. var maxchar=200 
6. document.getElementById("c").innerHTML=maxchar 
7. function cal() { 
8. if(document.getElementById("a").value.length>maxchar) { 
9. document.getElementById("a").value=document.getElementById("a").value.slice(0,maxchar); 
10. document.getElementById("c").innerHTML=0; } 
11. else { 
12. document.getElementById("c").innerHTML=maxchar-eval(document.getElementById("a").value.length); 
13. } } 
14.  
15. //firefox下检测状态改变只能用oninput,且需要用addEventListener来注册事件。 
16. if(/msie/i.test(navigator.userAgent))    //ie浏览器 
17. {document.getElementById('a').onpropertychange=cal 
18. } 
19. else 
20. {//非ie浏览器，比如Firefox 
21. document.getElementById('a').addEventListener("input",cal,false); 
22. } 
23.  
24. </script> 

      本文转自许琴 51CTO博客，原文链接：http://blog.51cto.com/xuqin/925223，如需转载请自行联系原作者