javascript - 设置输入文本类型宽度它的值大小

Question

http://jsfiddle.net/bDaGV/1/

有没有办法将输入文本类型的宽度设置为内部值的宽度？

CSS

input[type=text] {
  width:auto;
}

JS:

$('input[type=text]').css('width', $(this).val());

Answer 1

你可以使用大小技巧

$('input[type=text]').attr('size', function() {
    return this.value.length;
});

FIDDLE

为了完整起见，要使其“自动展开”，您还需要一个事件处理程序

$('input[type=text]').on('keyup', function() {
    $(this).attr('size', this.value.length);
}).trigger('keyup');

FIDDLE