輸入文本時，使文本輸入字段的寬度擴大

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