首页 > 扩展 > jQuery > 正文

jquery实现textarea 高度自适应

2024-09-06 20:04:44
字体:
来源:转载
供稿:网友
这篇文章主要为大家详细介绍了jquery实现textarea 高度自适应,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

网页中的textarea高度有的时候是需要能自定变化适应需求,才能满足我们的需要?如何实现呢?下面361源码在网络中找到了利用jquery实现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();        });

完成,到这里就分享完成了,以上代码361源码转自脚本之家。

以上就是jquery实现textarea 高度自适应的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持武林网。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表