码迷,mamicode.com
首页 > 其他好文 > 详细

textarea高度自适应,随着内容增加高度增加

时间:2017-12-20 20:22:15      阅读:110      评论:0      收藏:0      [点我收藏+]

标签:tar   log   高度   适应   func   bsp   nbsp   each   body   

$(function(){
        $.fn.autoHeight = function(){    
        function autoHeight(elem){
            elem.style.height = ‘auto‘;
            elem.scrollTop = 0; //防抖动
            elem.style.height = elem.scrollHeight + ‘px‘;
        }
        this.each(function(){
            autoHeight(this);
            $(this).on(‘keyup‘, function(){
                autoHeight(this);
            });
        });    
    }                
    $(‘textarea[autoHeight]‘).autoHeight();    
})

页面中的textarea直接加属性就行

<textarea  autoHeight="true" readonly="readonly" > </textarea>

pc   移动端都经过测试,没问题 放心用吧!

textarea高度自适应,随着内容增加高度增加

标签:tar   log   高度   适应   func   bsp   nbsp   each   body   

原文地址:http://www.cnblogs.com/purple04551/p/8075366.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!