반응형
브라우저에 따라 글자수가 제대로 계산되지 않는 문제를 수정
<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;
}
<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;
}
반응형
'Web > 웹표준' 카테고리의 다른 글
IE 아닌 브라우져서에서 IE의 속성/매서드를 이용하기 (에뮬레이션) (0) | 2009.12.04 |
---|