直接看代码吧，很简单，也很实用。 复制代码 代码如下: autoresizing textarea <BR>textarea {<BR> border: 0 none white;<BR> overflow: hidden;<BR> padding: 0;<BR> outline: none;<BR> background-color: #D0D0D0;<BR> resize: none;<BR>}<BR> <BR>var observe;<BR>if (window.attachEvent) {<BR> observe = function (element, event, handler) {<BR> element.attachEvent('on'+event, handler);<BR> };<BR>}<BR>else {<BR> observe = function (element, event, handler) {<BR> element.addEventListener(event, handler, false);<BR> };<BR>}<BR>function init () {<BR> var text = document.getElementById('text');<BR> function resize () {<BR> text.style.height = 'auto';<BR> text.style.height = text.scrollHeight+'px';<BR> }<BR> /* 0-timeout to get the already changed text */<BR> function delayedResize () {<BR> window.setTimeout(resize, 0);<BR> }<BR> observe(text, 'change', resize);<BR> observe(text, 'cut', delayedResize);<BR> observe(text, 'paste', delayedResize);<BR> observe(text, 'drop', delayedResize);<BR> observe(text, 'keydown', delayedResize); <P> text.focus();<BR> text.select();<BR> resize();<BR>}<BR>
