textarea根据内容设置默认高度

最新推荐文章于 2024-05-28 16:05:39 发布

youcijibi

最新推荐文章于 2024-05-28 16:05:39 发布

阅读量1.6k

点赞数 1

分类专栏：每日总结 js jquery 文章标签： js

本文链接：https://blog.csdn.net/youcijibi/article/details/124039518

版权

每日总结同时被 3 个专栏收录

412 篇文章 5 订阅

订阅专栏

68 篇文章 0 订阅

订阅专栏

jquery

14 篇文章 0 订阅

订阅专栏

<script>
    (function ($) {
        $.fn.autoTextarea = function (options) {
            var defaults = {
                maxHeight: null,
                minHeight: $(this).height()
            };
            var opts = $.extend({}, defaults, options);
            return $(this).each(function () {
                $(this).bind("paste cut keydown keyup focus", function () {
                    var height, style = this.style;
                    this.style.height = opts.minHeight + 'px';
                    if (this.scrollHeight > opts.minHeight) {
                        if (opts.maxHeight && this.scrollHeight > opts.maxHeight) {
                            height = opts.maxHeight;
                            style.overflowY = 'scroll';
                        } else {
                            height = this.scrollHeight;
                            style.overflowY = 'hidden';
                        }
                        style.height = height + 'px';
                    }
                });
            });
        };
    })(jQuery);


    // $.fn.extend({
    //     txtaAutoHeight: function () {
    //         return this.each(function () {
    //             var $this = $(this);
    //             if (!$this.attr('initAttrH')) {
    //                 $this.attr('initAttrH', $this.outerHeight());
    //             }
    //             setAutoHeight(this).on('input', function () {
    //                 setAutoHeight(this);
    //             });
    //         });
    //         function setAutoHeight(elem) {
    //             var $obj = $(elem);
    //             return $obj.css({ height: $obj.attr('initAttrH'), 'overflow-y': 'hidden' }).height(elem.scrollHeight);
    //         }
    //     }
    // });
    //
    // $("#content").txtaAutoHeight();

    $(function(){
        var html = $("#content").html();
        re = new RegExp("\r\n","g");
        var newhtml = html.replace(re, "\n");
        var htmlArr =  newhtml.split("\n");
        var len = htmlArr.length;

        $("#content").autoTextarea({
            maxHeight:500,
            minHeight:len * 15//文本框是否自动撑高，默认：null，不自动撑高；如果自动撑高必须输入数值，该值作为文本框自动撑高的最大高度
        });
        // $("#content").focus();
        $("#content").trigger("focus");
    });

</script>