textarea实现高度自适应

最新推荐文章于 2024-04-21 10:52:15 发布

Rujh520

最新推荐文章于 2024-04-21 10:52:15 发布

阅读量593

点赞数

文章标签： javascript 前端 html

原文链接：https://blog.csdn.net/m553366999/article/details/122734600?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522168120690416800180622597%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=168120690416800180622597&biz_id=0&utm_med

版权

一、HTML代码

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

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