【急】textarea高度自适应的问题

textArea在火狐下高度只增加不减少的问题？网上看了很多，就下面最个效果较为理想，但是在Firefox下删除内容时文本框不缩小（注：在DTD HTML 4.0下可以，但是在XHTML 1.0下不行）？
代码如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD> <BODY>
  <textarea id="tValue" style="overflow-y:hidden; height:18px;" onpropertychange="this.style.height=this.scrollHeight + 'px'"   oninput="this.style.height=this.scrollHeight + 'px'" ></textarea>
 </BODY>
</HTML>求高手指教？在火狐下实现textArea自动适应,具体效果如新浪微博的评论框。在线等，谢谢大家了。

解决方案 »

  1.   

    Firefox 不支持 onpropertychange,oninput 事件
      

  2.   


    onInput就是为firefox的写的，非IE的很多浏览器都支持，包括firefox、opera等。文本框的自动增大已经通过onInput实现了，只是删除的时候变小没有解决
      

  3.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
     </HEAD> <BODY>
      <textarea id="tValue" style="overflow-y:hidden; height:18px;" onpropertychange="this.style.height='0px';this.style.height=this.scrollHeight + 'px'"   oninput="this.style.height='0px';this.style.height=this.scrollHeight + 'px'" ></textarea>
     </BODY>
    </HTML>
      

  4.   


    太感谢LS 啊，确实在火狐下重设可以了。（YY一下在onpropertychange里不要使用this.style.height='0px';要不在IE下会有问题）。