javascript - 根据字符输入的宽度增长文本框

Question

我正在尝试创建一个文本框，每次向其中添加一个字母时，该文本框都会按字符的宽度增长。这就是我正在尝试的。它不起作用。如果您有任何提示，请分享!

JavaScript:

function MakeWidth(el) {
        el.style.width = parseFloat(el.value.clientWidth) }

HTML:

<input id="Test" type="text" style="width: 10px;" onkeyup="MakeWidth(this)"/>

Answer 1

尝试使用 size & length 而不是 clientWidth & width

http://jsfiddle.net/eVd9b/5/

function MakeWidth(el) {
    el.size = parseInt(el.value.length);
}

哪个应该适合您的需求。