textarea多行文本框自适应高度

Posted 2020-10-20 黑暗之光

<script src="https://cdn.bootcss.com/jquery/1.8.1/jquery.js"></script>
<script>
    $(function(){
        function autoHeight(ele){
            var $this = $(ele);
            $this.css({‘height‘:‘20px‘,‘overflow-y‘:‘hidden‘}).height(ele.scrollHeight);
            if(parseInt($this.height())>60){
                $this.height(60);
            }
        }
        $(‘.text‘).on(‘input propertychange‘,function(){
            autoHeight(this);
        })

    $(‘.text‘).trigger("input");
    $(‘.text‘).trigger("propertychange");
})

 }) </script>

<textarea name="message"  class="text"></textarea>