zfxcms ^回到顶部

您的当前位置:首页 > web资讯 > JS > textarea高度随着内容增加而增加

textarea高度随着内容增加而增加

所属分类: JS   2022-10-26 13:45:15  编辑:admin  浏览次数 272 次

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


<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.js"></script>

<script>

$(function(){

        $.fn.autoHeight = function(){    

        function autoHeight(elem){

            elem.style.height = 'auto';

            elem.scrollTop = 0; //防抖动

            elem.style.height = elem.scrollHeight+10 + 'px';

        }

        this.each(function(){

            autoHeight(this);

            $(this).on('keyup', function(){

                autoHeight(this);

            });

        });    

    }                

    $('textarea[autoHeight]').autoHeight();    

})

</script>


Web文章检索

Web文章目录