jQuery实现<textarea>高度自适应,适用于td中的textarea

最新推荐文章于 2023-04-26 11:06:25 发布

Max260657102

最新推荐文章于 2023-04-26 11:06:25 发布

阅读量2.4k

点赞数 1

分类专栏： jQuery 文章标签： css

jQuery 专栏收录该内容

1 篇文章

订阅专栏

jQuery实现的textarea 高度自适应代码。亲测适用与table的td中的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();

        });