반응형
브라우저에 따라 글자수가 제대로 계산되지 않는 문제를 수정

<p id="memo_len">140</p>
<textarea id="memo_txt" onfocus="calcLen()" onblur="stopLen()" rows=3" cols="70" />

-------- JS
/* textarea의 문자 수 세기 시작 (2009-11-20) */
var tmr = null;    // TiMeR
preVal = 140;    // 이전 글자수 값
function calcLen() {
    var obj = document.getElementById("memo_len");
    var remain = 140-document.getElementById("memo_txt").value.length;
    if ( preVal != remain ) {    // 이전 글자수 값과 현재 글자수 값이 다를 경우
        obj.innerHTML = remain;
        if ( remain < 0 ) {
            obj.style.color = "#dd0000";
        } else {
            obj.style.color = "#ffffff";
        }
        preVal = remain;
    }
    tmr = window.setTimeout('calcLen()',100);    // 0.1초에 한 번씩 반복
}
function stopCalcLen() {
    clearTimeout(tmr);
    tmr = null;
}

반응형

+ Recent posts