使文本輸入字段在輸入文本時寬度變大

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