不工作Javascript在任何浏览器除了IE

Not working Javascript in any browser except IE

本文关键字:IE 浏览器 任何 工作 Javascript      更新时间:2023-09-26

我有以下代码…

  <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,但不是在其他浏览器请帮助我....

http://jsfiddle.net/eT6tR/

我发现这在Chrome和FF工作。如果你仍然面临问题。写细节和粘贴客户端代码这里指的是HTML+JS。

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

这个问题已经出现过很多次了,看起来人们想出的最好的答案是执行一个复杂的任务,即根据文本内容计算有多少行。

查看这个问题和其他许多问题。

下面是一个使用jQuery的示例: