textarea随文字的增多自动增高或者自动减少-前端路上

注册 欢迎您:[USERNAME][USERID] [用户中心] [退出]
当前位置:前端路上>>jquery 学习>> textarea随文字的增多自动增高或者自动减少
楼主 [回复] [编辑] 作者: 314-05-23

textarea随文字的增多自动增高或者减小,这里是利用了textarea中的换行符\n 然后改变 row 的值实现的textarea随文字的增多自动增高或者自动减少。有一个小缺点就是textarea随文字的增减自动增减的时候不够流畅。

<script>

var agt = navigator.userAgent.toLowerCase();
var is_op = (agt.indexOf("opera") != -1);
var is_ie = (agt.indexOf("msie") != -1) && document.all && !is_op;
function ResizeTextarea(a,row){
    if(!a){return}
    if(!row)
        row=5;
    var b=a.value.split("\n");
    var c=is_ie?1:0;
    c+=b.length;
    var d=a.cols;
    if(d<=20){d=40}
    for(var e=0;e<b.length;e++){
        if(b[e].length>=d){
            c+=Math.ceil(b[e].length/d)
        }
    }
    c=Math.max(c,row);
    if(c!=a.rows){
        a.rows=c;
    }
}
</script>

<textarea style="overflow: hidden;  font-family: Verdana,Arial; font-style: normal;  font-size: 13px; line-height: normal; " rows="4" cols="30" onfocus="javascript:ResizeTextarea(this,4);" onclick="javascript:ResizeTextarea(this,4);" onkeyup="javascript:ResizeTextarea(this,4);">前端路上:http://www.3mbodoglv.com/qd63/</textarea>

bodog官网整理发布

< 上一页 1 下一页 >
×
m88 188bet uedbet 威廉希尔 明升 bwin 明升88 bodog bwin 明升m88.com 18luck 188bet unibet unibet Ladbrokes Ladbrokes casino m88明升 明升 明升 m88.com 188bet m88 明陞 uedbet赫塔菲官网 365bet官网 m88 help
如果你有疑问:请点击→[提问] 来让更多的人来帮助你! 如果你得到了帮助:请点击→[回复] 如果你有更好的解决方案:请点击→[分享] 来帮助更多的人! 如果你有好东西、好知识:请点击→[新建话题] 来分享给更多的人!