Question

我有以下代码..

  <html xmlns="http://www.w3.org/1999/xhtml" >
  <head runat="server">
  <title>Automatic Resize TextBox</title>
  <script type="text/javascript">
  function setHeight(txtdesc) {
    txtdesc.style.height = txtdesc.scrollHeight + "px";
  }
  </script>
  </head>
  <body>
  <form id="form1" runat="server">
  <div>
  <asp:TextBox ID="txtDesc" runat= "server" TextMode="MultiLine"  Onkeyup="setHeight(this);" onkeydown="setHeight(this);" />
   </div>
   </form>
   </body>
   </html>

这是一个用于在文本框中写入时调整文本框大小的JavaScript。意思是如果文本框将完全填充，那么它将自动展开但是如果我们删除文本框则文本框将被折叠...它在IE中工作正常但是不是在其他浏览器PLZ帮助我....

Answer 1

http://jsfiddle.net/eT6tR/

我发现这可以在Chrome和FF中使用。如果你还面临问题。写下详细信息并粘贴客户端代码，这意味着HTML + JS。

Answer 2

您面临的问题是，在IE中，scrollHeight仅基于文本区域的内容计算，而在其他浏览器中，它基于可用的内容空间。这意味着设置CSS高度将增加scrollHeight并防止它缩小。

这个问题多次出现，看起来人们提出的最好的答案是执行复杂的任务，根据文本内容计算会有多少行。 See this SO question和其他许多人通过搜索。

Here is an example you can look at using jQuery

除IE之外的任何浏览器都不能使用Javascript

2 个答案: