手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JavaScript动态调整TextArea高度的代码
JavaScript动态调整TextArea高度的代码
摘要:核心代码:复制代码代码如下:functionadjustObjHeight(obj,defaultHeight){if(obj.scroll...

核心代码:

复制代码 代码如下:

<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>

作者 何朝阳

【JavaScript动态调整TextArea高度的代码】相关文章:

JavaScript事件的理解

JavaScript Array对象详解

JavaScript中search()方法的使用

基于JavaScript实现动态添加删除表格的行

JavaScript数组去重的3种方法和代码实例

JavaScript实现斗地主游戏的思路

javascript动态设置样式style实例分析

JavaScript实现鼠标拖动效果的方法

JavaScript中的blink()方法的使用

JavaScript中反正弦函数Math.asin()的使用简介

精品推荐
分类导航