javascript - textarea 的高度在值增加时增加,但在值减小时不减小

标签 javascript jquery html

<body>
<script type="text/javascript">$(function(){
$("textarea").live("keyup keydown",function(){var h=$(this);
h.height(h[0].scrollHeight);
});});

</script>
<textarea style="resize:none;width:760px;height:60px; overflow:hidden;" ></textarea>
</body>

当 textarea 溢出时,它会得到滚动条和 scrollheight,这会应用于它的高度,但不能用于降低 textarea 高度,因为在减小它的值长度时它不会得到滚动条

最佳答案

textarea 的最小 scrollHeight 始终是高度。要获得准确的 scrollHeight,请先将高度设置为 1。

h.height(1).height(h[0].scrollHeight);

http://jsfiddle.net/aarongloege/t2vAr/

关于javascript - textarea 的高度在值增加时增加,但在值减小时不减小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10722058/

相关文章:

jquery - 使用jquery实现跟随鼠标滚动图片

javascript - 在 DOM 加载后使用 jQuery 或 JavaScript 将属性添加到 anchor

javascript - 更改其他 div 中的高度后,我的固定边栏 float 在页脚上方

javascript - HTML 5 验证表单缺少操作?

html - 当父容器指定 "vertical-align:middle"时,如何使 "display: table"工作?

javascript - React Router requireAuth 不重定向

javascript - 使用屏幕分辨率更改 HREF 中的 URL 作为测试

javascript - Highcharts 饼图较长文本

html - 如何更改 Eclipse 中 CSS 和 HTML 的默认设置

javascript - HTML5 canvas putImageData 似乎弄乱了像素,没有得到预期的结果