jq监听textarea输入事件

最新推荐文章于 2024-09-10 15:35:05 发布

weixin_30915951

最新推荐文章于 2024-09-10 15:35:05 发布

阅读量634

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/sky-yu/p/6217855.html

版权

 
       <textarea name= 
       "content"  
       id= 
       "content"  
       style= 
       "width:345px;height:120px;" 
       ></textarea><div id= 
       "contentwordage" 
       ></div> 
      
       <script type= 
       "text/javascript" 
       > 
      
       $(document).ready( 
       function 
       (){ 
      
       var  
       limitNum = 500; 
      
       var  
       pattern =  
       '还可以输入'  
       + limitNum +  
       '字符' 
       ; 
      
       $( 
       '#contentwordage' 
       ).html(pattern); 
      
       $( 
       '#content' 
       ).keyup( 
      
       function 
       (){ 
      
       var  
       remain = $( 
       this 
       ).val().length; 
      
       if 
       (remain > 500){ 
      
       pattern =  
       "字数超过限制！" 
       ; 
      
       } 
       else 
       { 
      
       var  
       result = limitNum - remain; 
      
       pattern =  
       '还可以输入'  
       + result +  
       '字符' 
       ; 
      
       } 
      
       $( 
       '#contentwordage' 
       ).html(pattern); 
      
       } 
      
       ); 
      
       }); 
      
       </script>