jQuery这样写:


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

然后在textarea标签中,加入autoHeight即可。
就像这样

<textarea autoHeight></textarea>

已有 2 条评论

  1. 漂亮!之前我查的网上实现的版本都没办法回缩,你这个完美解决。

  2. 新春愉快

添加新评论