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. else 
  19. {//非ie浏览器,比如Firefox 
  20. document.getElementById('a').addEventListener("input",cal,false); 
  21.  
  22. </script> 

 


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



上一篇:finecms中如何解决模型不可切换的功能与有子栏目的栏目不能发表文章的问题


下一篇:[转]如何解决事件导致的Memory Leak问题:Weak Event Handlers