[jQuery] textarea에 글자 입력할 때 글자 수 카운트 예제

글자수 카운트 예제

입력해보세요.

0 bytes

예제의 HTML 코드

<div>
    <textarea id="textarea01"></textarea>
    <div>
        <span id="cntSPAN" >0</span>&nbsp;<span>bytes</span>
    </div>
</div>

예제의 자바스크립트 코드

$(document).on('keyup', '#textarea01', function(e){
    var textarea01 = $(this).val();
    $('#cntSPAN').text(getBytes(textarea01));    
});
 
function getBytes(str){
    var cnt = 0;
    for(var i =0; i<str.length;i++) {
        cnt += (str.charCodeAt(i) >128) ? 2 : 1;
    }
    return cnt;
}