textarea文本域自适应高度

371 阅读1分钟

-----------------html

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

-----------------js

$.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();