1. 程式人生 > >文字框自動調整高度

文字框自動調整高度

// 自定義 JQ 函式
$.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);
            });
        });

        // 重置高度
        function _adjustH(elem) {
            var $obj = jQuery(elem);
            return $obj.css({
                height: $obj.attr('_initAdjustHeight'),
                'overflow-y': 'hidden'
            }).height(elem.scrollHeight);
        }
    }
});

 

$('textarea').autoHeight();   // 使用自動適應高度