javascript – 无法在动态texarea中删除文本时降低高度

>起飞位置：绝对;来自.inputcls和.inputcls textarea.通过这样做,当textarea更改时,它们的包装器将自动调整,您不必通过代码执行此操作.
>不使用像素设置textarea最小高度,而是使用rows属性设置所需的最小行数.

</pre>
<p>>文本更改时将高度设置为自动.它会将textarea高度调整到它应具有的原始高度.然后你可以得到它的scrollHeight并再次设置它.所以实际上你的功能应该只是：</p>
<p></p>
<pre><code>function expand(e,element) {
    element.style.height = "auto";

    if (element.scrollHeight <= 84) {
        element.style.height = element.scrollHeight + "px";
        element.style.overflowY = "hidden";
    } else {
        element.style.height = "84px";
        element.style.overflowY = "scroll";
    }
}
</code></pre>
<p>见updated JSFiddle</p>
<p>BTW</p>
<p>你写了：</p>
<p></p>
<blockquote>
<p>Also,I am unable to set single line text by default.</p>
</blockquote>
<p>使用此解决方案,只需将rows =“2”更改为rows =“1”</p>
<p>BTW2</p>
<p>你不需要同时使用onkeydown和onkeyup.仅使用onkeyup会更好.</p></div>
<!-- 52php.cn -->                        <p style="text-align:right;">（编辑：李大同）</p>
<p style="text-align:right;">【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!</p>
                    </td>
                  </tr>
                </table>
            </div>
            <div class="dede_pagess"><ul class="pagelist"></ul></div>
            <div class="ad-690"><script src='https://ess.0577qiche.com/d/js/acmsd/ad76.js' language='javascript'></script></div>
            <div class="g-box10">
            	<div class="t-2">相关内容</div>
<ul class="b-box12"></ul>
<ul class="b-box13"><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/246540.html" target="_blank">【小程序 + 云开发】体重记录小程序 上手笔记</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/268785.html" target="_blank">html  –  Firefox不显示CP437</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/266402.html" target="_blank">Cookie 解说（分类、用途、缺陷、功能 ...）</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/278257.html" target="_blank">伸缩布局 - 小记 (^▽^)</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/271292.html" target="_blank">HTML  – 使用span的替代方法？</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/252555.html" target="_blank">html  – 如何隐藏div中的滚动条</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/243949.html" target="_blank">HTML – 如何创建用css剪掉一块的圆圈</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/269621.html" target="_blank">从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/270053.html" target="_blank">JS 俄罗斯方块完美注释版代码</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/233389.html" target="_blank">html – 确定用户的时区</a></li><div class="cl"></div></ul>
            </div>
        </div>
    </div>
    <div class="right-1 fr">
    	<div class="g-box8">
        <div class="t-2">推荐文章</div>
            <ul></ul>
        </div>
    	<div class="g-box11">
        <div class="t-2">站长推荐</div>
            <ul class="b-box7"><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/246819.html" target="_blank">仿小米Lite微信小程序</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/270000.html" target="_blank">全面解析Bootstrap表单使用方法（表单控件）</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/266132.html" target="_blank">使用libreoffice将HTML转换为DOCX时丢失上标</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/250495.html" target="_blank">微信小程序-仿微信朋友圈</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/255610.html" target="_blank">小程序中页面布局和绝对定位以及按钮代码</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/242892.html" target="_blank">html – 内联块对css意味着什么？</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/267542.html" target="_blank">如何获得restructuredText为每个html标签添加一个</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/243409.html" target="_blank">Cookie参数PHP中主机和域之间的区别</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/254345.html" target="_blank">拼车小程序系统开发</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/278185.html" target="_blank">JS实现打印两方法</a></li></ul>
        </div>
        <script type="text/javascript">jQuery(".g-box8").slide({ titCell:"li",triggerTime:0 });	</script>
        <div class="ad-250"><script src='https://ess.0577qiche.com/d/js/acmsd/ad103.js' language='javascript'></script></div>
    	<div class="g-box3 u-3">
        <div class="t-1">热点阅读</div>
            <ul class="b-box2"></ul>
        </div>
        <div class="ad-250"><script src='https://ess.0577qiche.com/d/js/acmsd/ad77.js' language='javascript'></script></div>
        </div>
	<div class="cl"></div>
</div>
<div class="ad-960"><script src='https://ess.0577qiche.com/d/js/acmsd/ad78.js' language='javascript'></script></div>
<div class="footer">
<p>【免责声明】本站内容转载自互联网，其发布内容言论不代表本站观点，如果其链接、内容的侵犯您的权益，烦请提交相关链接至邮箱bqsm@foxmail.com我们将及时予以处理。</p>
<p>建议您使用1920×1080分辨率、谷歌浏览器Google Chrome、Microsoft Edge以获得本站的最佳浏览效果</p>
<p>Copygight © 2008-2022 https://www.lidatong.com.cn/ All Rights Reserved. 李大同</p>
<p><script type="text/javascript" src="//js.users.51.la/21280179.js"></script></p>
</div>
</body>
</html>