JavaScript動(dòng)態(tài)調(diào)整TextArea高度的代碼
更新時(shí)間：2010年12月28日 16:26:02 作者：
通過JavaScript根據(jù)TextArea的內(nèi)容動(dòng)態(tài)調(diào)整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>
作者 何朝陽
復(fù)制代碼 代碼如下:
<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代碼：
復(fù)制代碼 代碼如下:
<textarea id="content" onkeyup="adjustObjHeight(this, 50);"></textarea>
作者 何朝陽
您可能感興趣的文章:
- JavaScript讓Textarea支持tab按鍵的方法
- javascript實(shí)現(xiàn)textarea中tab鍵的縮排處理方法
- JavaScript判斷textarea值是否為空并給出相應(yīng)提示
- JavaScript中統(tǒng)計(jì)Textarea字?jǐn)?shù)并提示還能輸入的字符
- javascript獲得光標(biāo)所在的文本框(text/textarea)中的位置
- JavaScript 監(jiān)聽textarea中按鍵事件
- javascript textarea字?jǐn)?shù)限制
- JavaScript實(shí)現(xiàn)點(diǎn)擊自動(dòng)選擇TextArea文本的方法
相關(guān)文章
想起ie6下，臭名昭著的select需要用iframe遮罩的bug，估計(jì)和上面的bug根由是一樣的2010-08-08
js獲取變量...2006-08-08
javascript寫的一個(gè)表單動(dòng)態(tài)輸入提示的代碼
javascript寫的一個(gè)表單動(dòng)態(tài)輸入提示的代碼...2007-08-08
如何識(shí)別上傳前檢測的圖像是有效的方法...2007-02-02
使用button標(biāo)簽，實(shí)現(xiàn)三態(tài)圖片按鈕
使用button標(biāo)簽，實(shí)現(xiàn)三態(tài)圖片按鈕...2007-01-01
不錯(cuò)的一個(gè)限制同時(shí)選擇的復(fù)選框的最多個(gè)數(shù)2008-10-10
取得input元素中部分選中(selected)的值...2006-12-12
autocomplete禁止自動(dòng)完成功能...2007-06-06
讓焦點(diǎn)自動(dòng)跳轉(zhuǎn)...2006-07-07
關(guān)于IFRAME 自適應(yīng)高度的研究...2006-07-07