Question

似乎无法在html或JS（或者甚至是jquery？）中找到这样做。

我有一个文本框，可以在页面下方的输入框中回显输入的内容。此回音框需要自动适应其中的任何文本，以便在文本后没有这个巨大的空白区域。

如何将输入字段自动调整到插入其中的文本？

Answer 1

我认为您正在寻找类似的内容：http://jsfiddle.net/ener3/

$("#in").keyup(function(){
  var tmp = $("<span>")
            .text(this.value)
            .css("font", $("#out").css("font"))
            .appendTo("body"),
      wid = tmp.width();
  tmp.remove();

  $("#out").val(this.value).width(wid);
});

其中#in是输入的ID，#out是您要自动调整大小的文本框。

您可以将其添加到页面的头部，如下所示：

<script type="text/javascript">
$(function(){
    // paste the above code here
});
</script>

确保在jQuery包含后添加脚本标记：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

您可以将1.8.3替换为您要定位的jQuery版本。我不建议使用jQuery-latest启动，因为您必须考虑适用的潜在弃用。

自动拟合文本框中的文本

1 个答案: