타이핑 중에 자동 확장 텍스트 상자

Question

페이스 북과 같은 자동 확장 텍스트 상자가 필요합니다. 상태 업데이트가 있습니다. 나는 그것을위한 코드를 가지고있다. 그러나 어떤 이유로 그것은 완전히 올바르게 작동하지 않는다. 그것은 텍스트 상자를 업데이 트하고 그것을 확장하고 있지만, 너무 빨리하고있다. 나는 그것이 라인의 끝에 도착했을 때 확장하고 싶다. 그러나 그것은 20자를 입력 한 후에 그것을하고있다! 내가 시도한 두 가지 다른 방법이 있는데, 둘 다 똑같은 일을한다. 코드 변경에 대한 제안 사항이 있으십니까?

function sz(t) { 
    var therows = 0 
    var thetext = document.getElementById(t.id).value; 
    var newtext = thetext.split("\n"); 
    therows += newtext.length 

    document.getElementById(t.id).rows = therows; 
    return false; 
    } 



    function sz(t) 
{ 
    a = t.value.split('\n'); 
    b = 1; 

    for (x = 0; x < a.length; x++) 
    { 
     if (a[x].length >= t.cols) 
     { 
      b += Math.floor(a[x].length/t.cols); 
     } 
    } 

    b += a.length; 

    if (b > t.rows) 
    { 
     t.rows = b; 
    } 
} 

Answer 1

체크 아웃이 fiddle.

나는 당신의 문제가 txtbox.id를 사용보다는 ID를 통과했다 생각합니다.