JavaScript动态调整TextArea高度的代码_Javascript教程-查字典教程网
JavaScript动态调整TextArea高度的代码
JavaScript动态调整TextArea高度的代码
发布时间:2016-12-30 来源:查字典编辑
摘要:核心代码:复制代码代码如下: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教程学习
    热门Javascript教程学习
    编程开发子分类