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

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