使textarea自动增高和input自动增长代码,Js代码库,德仔网

代码语言

代码分类

【Js】使textarea自动增高和input自动增长

作者:Bash / 发布于2016/5/25/ 946

input高度固定，自动增长
<input type="text" style="width:60;overflow-x:visible;overflow-y:visible;">


textarea 宽度固定，自动增高
<textarea type="text" style="width:260;overflow-x:visible;overflow-y:visible;"></textarea>

html代码
<textarea id="content" onkeyup="adjustobjheight(this, 50);"></textarea>

js代码
<script language="网页特效" type="text/javascript">
    //http://www.javaweb.cc整理
    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>

试试其它关键字

　自动增长　

同语言下

可能有用的

Bash贡献的其它代码(6)