手机
当前位置:查字典教程网 >编程开发 >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实现点击自动选择TextArea文本的方法

JavaScript实现斗地主游戏的思路

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

JavaScript中valueOf()方法的使用介绍

JavaScript中strike()方法的使用介绍

Javascript 高阶函数使用介绍

JavaScript中fixed()方法的使用简介

JavaScript调试技巧

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

精品推荐
分类导航