自适应高度Textarea
生活随笔
收集整理的這篇文章主要介紹了
自适应高度Textarea
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
HTML代碼：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head><title>自適應高度Textarea</title><link rel="stylesheet" href="style.css"/></head> <body> <h3>自適應高度textarea</h3> <textarea id="textarea" class="checkTextarea"></textarea> </body> <script type="text/javascript" src="textarea.js"></script> </html>CSS代碼:
.checkTextarea{ width:150px;height:50px;overflow:hidden;resize:none;border:1px solid #cdcdcd;line-height:15px;padding:0px; }Javascript代碼:
var ta = document.getElementById("textarea"); var oriHeight = ta.clientHeight; ta.onkeyup = function(){ta.style.height = oriHeight+"px";if(ta.scrollHeight>oriHeight){ta.style.height= ta.scrollHeight+"px";} };初學者初入前端，此代碼分享出來目的是與大家分享討論學習，如有不足，請多指教
?
?
轉載于:https://www.cnblogs.com/AndyGuaGua/archive/2011/08/23/Textarea.html
總結
以上是生活随笔為你收集整理的自适应高度Textarea的全部內容，希望文章能夠幫你解決所遇到的問題。
