Сделать поле ввода текста расширяется по ширине при вводе текста

Question

Я пытаюсь иметь поле ввода текста, которое достаточно велико, чтобы обрабатывать один символ. Но когда набирается один символ, он растет влево и вправо, поэтому теперь он может содержать 2 символа. Затем, когда вводится второй символ, он снова увеличивается, так что он может содержать 3 символа.

Это продолжается и продолжается до тех пор, пока пользователь вводит ввод.

Как это можно сделать в javascript/jQuery?

Answer 1

Это хороший вопрос, но не простой способ сделать это на самом деле первым вам нужна максимальную шириной настройка в CSS вашего ввода текста,

после ведьмы вы можете использовать некоторые JQuery, как так

$("#input_id").keyup(function(){ 
    $("body").append("<div id=\"remove_me\">"+$(this).val()+"</div>"); 
    var width = $("#remove_me").width()+30; 
    $(this).animate({"width":width}); 
    $("#remove_me").remove(); 
});