s

textarea 자동 늘려주기 2

<script type="text/javascript" language="JavaScript">
<!--
function countLineBreaks (string) {
    var re = /\r\n|\r|\n/g;
    var n = 0;
    while(re.exec(string)){
        n++;
    }
    return n;
}
function add_rows(){

    var oText = document.getElementById('sc_content');  //textarea id
    if(document.all) {    // IE
        while (oText.scrollHeight > oText.clientHeight){
            oText.rows++;
            oText.scrollTop = 0;
        }
        while(oText.scrollHeight < oText.clientHeight && oText.rows != 4){ // 기본 rows
            oText.rows--;
            oText.scrollTop = 0;
        }
    }else if(oText.rows) {    // IE 외
        var lineBreaks = countLineBreaks(oText.value);
        var rows = parseInt(oText.rows);
        if(lineBreaks > rows){
            oText.rows = ++rows;
        }else if(lineBreaks < rows && oText.rows != 4){  // 기본 rows
            oText.rows = --rows;
        }else{
            while (oText.rows * oText.cols <= oText.value.length) {
                oText.rows = ++rows;
            }
        }
    }
}
//-->
</script>

<textarea id="sc_content" name="sc_content" onkeypress="add_rows()" rows=4 cols=80></textarea>
|

댓글 1개

댓글을 작성하시려면 로그인이 필요합니다. 로그인

개발자팁

개발과 관련된 유용한 정보를 공유하세요. 질문은 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
기타 12년 전 조회 5,345
JavaScript 12년 전 조회 5,304
JavaScript 12년 전 조회 1.6만
JavaScript 12년 전 조회 7,563
JavaScript 12년 전 조회 6,918
JavaScript 12년 전 조회 1.2만
JavaScript 12년 전 조회 1.1만
jQuery 12년 전 조회 3,097
JavaScript
[JavaScript]
12년 전 조회 3,506
기타 12년 전 조회 6,888
JavaScript 12년 전 조회 2,464
JavaScript 12년 전 조회 4,594
jQuery 12년 전 조회 6,718
JavaScript 12년 전 조회 9,760
JavaScript 12년 전 조회 2,888
JavaScript 12년 전 조회 2,572
JavaScript 12년 전 조회 1.1만
JavaScript 12년 전 조회 4,356
JavaScript 12년 전 조회 3,727
JavaScript 12년 전 조회 7,761
JavaScript 12년 전 조회 9,798
PHP 12년 전 조회 4,252
PHP 12년 전 조회 3,481
웹서버 12년 전 조회 2,885
PHP 12년 전 조회 3,825
PHP 12년 전 조회 3,411
Mobile 12년 전 조회 7,744
PHP 12년 전 조회 3,100
JavaScript 12년 전 조회 3,981
JavaScript 12년 전 조회 1.3만
🐛 버그신고