自動拡大幅のテキストボックスを作成しますか？

Question

どのように私はそれの内容に合わせて自動的に拡大幅のテキストボックスを作成するに行くか？

私は身長ベースの展開に情報をたくさん見つけることが、幅にはあまりないキープます。

私はすべてのページ上のテキストボックスだけでなく、特定のものに適用することも、それたいと思います。

Answer 1

わからない、これはあなたが考えていたものですが、あればすべきではない、この作品？

<script language="javascript">
function expand(f)
{
    f.size = f.size + 1;
}
</script>

<input type="text" size="20" onkeyup="expand(this)" />

Answer 2

あなたが使用することを取り扱うバックスペースキーを使用する場合は、この：

<input type="text" value="Sample text" onkeyup="(event.keyCode!==8)?this.size++:this.size--;" size="20"> 

あなたがバックスペースキーの取り扱いと矢印無視するようにしたい場合は、キーはこの1つを使用します：

<input type="text" value="Sample text" onkeyup="if(event.keyCode==8){this.size--;}else if(event.keyCode!==37&&event.keyCode!==38&&event.keyCode!==39&&event.keyCode!==4‌​0){this.size++;}" size="6">

Answer 3

私はよりよい解決策は、テキストの長さをチェックして、テキストが長すぎるという展開をトリガべきではないキーイベントの種類ごとにチェックするよりだった場合は、テキストボックスを変更することだと思います。例：

<script type="text/javascript">
function expand(textbox){
    var minSize = 20;
    var contentSize = textbox.value.length;
    if(contentSize > minSize)
    {
        textboxSize = contentSize;
    }
    else
    {
        textboxSize = minSize;
    }
}
</script>
<input type="text" size="20" onkeyup="expand(this)" />