글자 수 제한 및 카운팅

글자수가 제한되게 작성해야할 때 쓸 수 있는 쉽고 간단한 스크립트

 

var content = $('해당 컨텐츠(글 작성하는 곳)'); //ex textarea
 var num = $('카운팅 되어야 할곳(현재 텍스트 숫자가 나와야하는 곳)');

 content.on('keyup', function(){
   num.html($(this).val().length+"/40");
  
   if($(this).val().length >= 40) {  //최대 40까지 쓸 수 있게 설정
     $(this).val(content.val().substring(0, 40));
     num.html("40/40"); //40이 넘어가도 40으로 리셋될 수 있도록 설정해 줌
   }
 }

 

 

** keydown 이벤트 : 키를 누를때 발생

** keyup 이벤트 : 키를 놓았을때 발생