输入文本时，使文本输入字段的宽度扩大

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();
});