时间:2021-05-26
核心代码:
复制代码 代码如下:
<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>
作者 何朝阳
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
之前给大家分享过用Javascript控制文本框textarea高度随内容自适应增长收缩,今天花了点时间换了种实现方法,总结一下复制代码代码如下:jQuery.
复制代码代码如下:textarea宽度、高度自动适应处理方法.comments{width:100%;overflow:auto;wo
直接上代码:方案一:枫芸志»文本框textarea高度自适应增长/伸缩textarea{height:100px;width:300px;}晴枫制作
复制代码代码如下:然后设多行的textbox或textarea的2个属性.onkeypress="javascript:setMaxLength(this,10
这是设置全部页面的textarea的宽度和高度。.textarea{height:100px;width:300px;} 这是设置指定的textarea的