Welcome 微信登录

首页 / 脚本样式 / JavaScript / jquery实现textarea 高度自适应

之前给大家分享过用Javascript控制文本框textarea高度随内容自适应增长收缩,今天花了点时间换了种实现方法,总结一下
复制代码 代码如下:
jQuery.fn.extend({
            autoHeight: function(){
                return this.each(function(){
                    var $this = jQuery(this);
                    if( !$this.attr("_initAdjustHeight") ){
                        $this.attr("_initAdjustHeight", $this.outerHeight());
                    }
                    _adjustH(this).on("input", function(){
                        _adjustH(this);
                    });
                });
                /**
                 * 重置高度
                 * @param {Object} elem
                 */
                function _adjustH(elem){
                    var $obj = jQuery(elem);
                    return $obj.css({height: $obj.attr("_initAdjustHeight"), "overflow-y": "hidden"})
                            .height( elem.scrollHeight );
                }
            }
        });
        // 使用
        $(function(){
            $("textarea").autoHeight();
        });

以上就是本文所述的全部内容了,希望对大家学习jQuery能够有所帮助。