JavaScript動態(tài)調整TextArea高度的代碼
更新時間：2010年12月28日 16:26:02 作者：
通過JavaScript根據(jù)TextArea的內容動態(tài)調整TextArea的高度，需要的朋友可以參考下。
核心代碼:
<script language="javascript" type="text/javascript">
function adjustObjHeight(obj, defaultHeight) {
if(obj.scrollHeight > defaultHeight) {
obj.style.height = obj.scrollHeight + 'px';
} else {
obj.style.height = defaultHeight + 'px';
}
}
window.onload = function() {
var obj = document.getElementsByTagName('textarea');
var len = obj.length;
for(var i = 0; i<len; i++)
adjustObjHeight(obj[i], 50);
}
</script>
TextAreaHTML代碼：
<textarea id="content" onkeyup="adjustObjHeight(this, 50);"></textarea>
作者 何朝陽
復制代碼 代碼如下:
<script language="javascript" type="text/javascript">
function adjustObjHeight(obj, defaultHeight) {
if(obj.scrollHeight > defaultHeight) {
obj.style.height = obj.scrollHeight + 'px';
} else {
obj.style.height = defaultHeight + 'px';
}
}
window.onload = function() {
var obj = document.getElementsByTagName('textarea');
var len = obj.length;
for(var i = 0; i<len; i++)
adjustObjHeight(obj[i], 50);
}
</script>
TextAreaHTML代碼：
復制代碼 代碼如下:
<textarea id="content" onkeyup="adjustObjHeight(this, 50);"></textarea>
作者 何朝陽
相關文章
想起ie6下，臭名昭著的select需要用iframe遮罩的bug，估計和上面的bug根由是一樣的2010-08-08
js獲取變量...2006-08-08
javascript寫的一個表單動態(tài)輸入提示的代碼
javascript寫的一個表單動態(tài)輸入提示的代碼...2007-08-08
如何識別上傳前檢測的圖像是有效的方法...2007-02-02
使用button標簽，實現(xiàn)三態(tài)圖片按鈕
使用button標簽，實現(xiàn)三態(tài)圖片按鈕...2007-01-01
不錯的一個限制同時選擇的復選框的最多個數(shù)2008-10-10
取得input元素中部分選中(selected)的值...2006-12-12
autocomplete禁止自動完成功能...2007-06-06
讓焦點自動跳轉...2006-07-07
關于IFRAME 自適應高度的研究...2006-07-07