jq監聽textarea輸入事件


<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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM