JavaScript動(dòng)態(tài)調(diào)整TextArea高度的代碼
更新時(shí)間：2010年12月28日 16:26:02 作者：
通過(guò)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>
作者 何朝陽(yáng)
復(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>
作者 何朝陽(yáng)
您可能感興趣的文章:
- 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)文章
注冊(cè)驗(yàn)證之：Javascript判斷漢字為2字節(jié)2009-08-08
一款不錯(cuò)的鍵盤密碼輸入js程序...2007-03-03
js監(jiān)聽表單value的修改同步問(wèn)題，跨瀏覽器支持
今天同事測(cè)試發(fā)現(xiàn)項(xiàng)目中一個(gè)小bug，然后我負(fù)責(zé)解決。研究了不短的時(shí)間，終于搞定了，有點(diǎn)激動(dòng)。呵呵。拿出來(lái)與大家分享。2009-12-12
好的朋友喜歡美化文本框，下面這個(gè)代碼也是一種美化，字體的顏色2008-09-09
<select>標(biāo)簽的外觀問(wèn)題很惱人，各個(gè)瀏覽器都不一致，單單就IE，一個(gè)版本就一個(gè)長(zhǎng)相，還不能用CSS修飾。在這將本人對(duì)<select>的美化方法共享出來(lái)。2013-04-04
清楚輸入框中的數(shù)據(jù)實(shí)現(xiàn)代碼。2009-04-04
把textarea中字符串里含有的回車換行替換成<br>的javascript代碼
把textarea中字符串里含有的回車換行替換成<br>的javascript代碼...2007-04-04
javascript 焦點(diǎn)的兩個(gè)問(wèn)題
# 頁(yè)面加載完后，光標(biāo)自動(dòng)定位到R0表單 # 問(wèn)題二：在R0表單輸入1，回車后跳轉(zhuǎn)到R1，輸入2回車后跳轉(zhuǎn)到R2，輸入3回車后跳轉(zhuǎn)到R32009-07-07
js正則實(shí)現(xiàn)的密碼框簡(jiǎn)單制作,還可以替換成自己想用得符號(hào)
js正則實(shí)現(xiàn)的密碼框簡(jiǎn)單制作,還可以替換成自己想用得符號(hào)...2007-10-10
js實(shí)現(xiàn)的的 文字自動(dòng)''到google search框
js實(shí)現(xiàn)的的 文字自動(dòng)''到google search框...2007-05-05