javascript - 输入文本时调整输入文本字段的大小

Question

是否可以在输入文本时调整文本输入框的大小？我在网上搜索过，但没有找到任何内容。

Answer 1

我刚刚为你做了一个，在这里试试:http://jsfiddle.net/FNMSP/2/

function autoResize(e){
    var ele=e.target;                          //get the text field
    var t=ele.scrollTop;                       //use scroll top to determine if
    ele.scrollTop=0                              //space is enough
    if(t>0){                                       //If it needs more space....
        ele.style.height=(ele.offsetHeight+t+t)+"px";  //Then add space for it!
    }          
}

您可以对文本区域执行此操作，

<textarea onkeydown="autoResize(event)">Auto Resize!</textarea>

或者使用下面将函数附加到每个 <textarea> :

var ele=document.getElementsByTagName("textarea");
for(i=0;i<ele;i++){
    ele[i].addEventListener("keydown",autoResize,false)
}

请随意使用它。