textarea自动伸缩有关问题
日期：2014-05-16 浏览次数：20411 次
textarea自动伸缩问题
如下代码在IE浏览器里伸缩自如，但是到了chrome或FF里，连续回车换行再删除或整段删除文字就不能自动缩短到应有位置了：
有办法解决吗？
------解决方案--------------------
<textarea name="textarea" id="textarea" style='height:20px' onpropertychange="this.style.height = this.scrollHeight + 'px';" oninput="this.style.height='auto';this.style.height = this.scrollHeight + 'px'">
如下代码在IE浏览器里伸缩自如，但是到了chrome或FF里，连续回车换行再删除或整段删除文字就不能自动缩短到应有位置了：
<textarea name="textarea" id="textarea"
style='overflow-y: hidden;height:20px'
onpropertychange="this.style.height = this.scrollHeight + 'px';"
oninput="this.style.height = this.scrollHeight + 'px';">
</textarea>
有办法解决吗？
------解决方案--------------------
<textarea name="textarea" id="textarea" style='height:20px' onpropertychange="this.style.height = this.scrollHeight + 'px';" oninput="this.style.height='auto';this.style.height = this.scrollHeight + 'px'">
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
