最佳答案:1. JQUERY2. JQUERY + CSS测试通过环境:Firefox v31Chrome v37 IE v11(jQuery 1.7.2 - 2.1.3)原理:利用textarea的scrol
1. JQUERY
2. JQUERY + CSS
测试通过环境:
Firefox v31
Chrome v37
IE v11
(jQuery 1.7.2 - 2.1.3)
原理
:
利用textarea的scrollHeight属性,这个属性的值就是文本的高度。把textarea的高度设为它即可。
在初始化事件和onInput两个事件里对高度进行设置。
scrollHeight返回元素的完整的高度,以像素为单位当一个元素拥有滚动条时(比如由于 CSS 的 overflow 属性),这些属性和 offsetHeight 不同,offsetHeight只是报告元素的可见部分的大小
来源: javascript - Creating a textarea with auto-resize