jQuery的剪輯的輸入域至輸入的內容

我目前正在重新大小我的輸入文本框中鍵入到他們用下面的代碼的內容相匹配：jQuery的剪輯的輸入域至輸入的內容

var lenStr = $(this).val().length; 
var boxWidth = lenStr * 8.55; 

$(this).css({width:boxWidth});

但計算是有缺陷作爲值的多個字符的更大的空白空間在輸入字段結束時的間隙： -

http://jsfiddle.net/kLKNk/

我想剪輯我的輸入字段，使沒有空隙或大量的最後的空白處。我在這裏看到了一個jQuery fn，它調整了盒子的大小，但是增加了一個舒適的數量，任何人都可以想到一個更好的方程式，我可以使用它嗎？

來源

2012-03-16 KryptoniteDove

可能重複的[jQuery - 自動大小文本輸入（不是textarea！）]（http://stackoverflow.com/questions/1288297/jquery-auto-size-text-input-not-textarea） – j08691 2012-03-16 17:30:06

沒有.. 。它不是重複的我要求如何重新調整輸入字段的大小，使其與用戶輸入的文本寬度相同。我已經調整了大小，但有一個不完美的方法或等式。 – KryptoniteDove 2012-03-17 19:25:42

迄今爲止發現的最佳方式是使用等寬字體並手動將CSS中的字母間距設置爲0px。另一個流行的方法似乎是創建一個包含文本的隱藏或置換元素，獲取該元素的寬度並相應地設置框。

來源

2012-03-17 20:14:16 KryptoniteDove

jQuery的剪輯的輸入域至輸入的內容

回答

相關問題