javascript - 入力時にテキストボックスのサイズが大きくなる

Question

テキストボックスで効果を探しています。最初はテキスト ボックスのサイズが小さく、入力するとテキスト ボックスが大きくなります。この効果に利用できる jquery プラグインはありますか? そうでない場合、どうすればこれを達成できますか。

Answer 1

$("#mytextbox").keyup(function() {
    $(this).attr("maxLength", $(this).attr("maxLength") + 1);
    $(this).attr("size", $(this).attr("size") + 1);
});

ユーザーがテキストボックスにフォーカスがある状態でファンクションキーを押すと、サイズに関係なく増加することに注意してください。代わりに、テキストボックスの値の変化を監視する必要があります。

$("#mytextbox").keyup(function() {
    $(this).attr("size", $(this).val().length + 1);
});

2 番目の方法では入力フィールドへのコピー/貼り付けもサポートされますが、最初の方法ではサポートされませんが、ユーザーが何かをコピーするのに十分なスペースがあることを確認する必要があります (現在、サイズは + に設定されています)。現在の値の 1。サイズが大きくなる前に、ユーザーは一度に 1 文字しか入力できないことを意味します)。

Answer 2

var $text = $('myselector')
$text.keyup(function() {
    $(this).attr({size : $(this).val().length});
});

これは、テキストボックスに入力された文字列の長さからサイズを直接取得します。

Answer 3

このjqueryプラグインを見てください：

http://www.unwrongest.com/projects/elastic/